@import "tailwindcss";
@import "tw-animate-css";
@import "./shadcn-tailwind.css";
:root{--background:#f5f7fb;--foreground:#172337;--card:#fff;--card-foreground:#172337;--popover:#fff;--popover-foreground:#172337;--primary:#235be8;--primary-foreground:#fff;--secondary:#edf2fa;--secondary-foreground:#172337;--muted:#f1f4f8;--muted-foreground:#627087;--accent:#eaf0fe;--accent-foreground:#235be8;--destructive:#b42336;--border:#dce3ed;--input:#d4ddeb;--ring:#235be8;--radius:.5rem;--sidebar:#101c30;--sidebar-foreground:#bbc9de;--sidebar-primary:#fff;--sidebar-primary-foreground:#101c30;--sidebar-accent:#223657;--sidebar-accent-foreground:#fff;--sidebar-border:#2a3950;--sidebar-ring:#6590ff}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--radius-sm:.3rem;--radius-md:.4rem;--radius-lg:.6rem;--radius-xl:.8rem;--font-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,a,input,textarea{touch-action:manipulation}button,a{transition:background .16s,color .16s,border .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #86a9ff;outline-offset:3px}.wrap{max-width:1220px;margin:auto;padding:0 32px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-1.2px}.brand-mark{background:#2c65ee;color:#fff;display:grid;place-items:center;width:34px;height:34px;border-radius:7px;font-size:22px;font-weight:800;letter-spacing:-3px;padding-right:3px}.topbar{background:#101b2e;color:#9dafc9;font-size:12px;letter-spacing:.06em;padding:9px 0}.topbar .wrap,.nav .wrap{display:flex;justify-content:space-between;align-items:center}.nav{background:white;border-bottom:1px solid var(--border)}.nav .wrap{min-height:82px;gap:24px}.navlinks{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.navlinks a:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:11px 18px;background:white;font-size:14px;font-weight:600;color:#172337;white-space:nowrap}.btn.primary{background:#235be8;border-color:#235be8;color:#fff}.btn.primary:hover{background:#184bca}.btn.dark{background:#172337;color:white;border-color:#172337}.btn.small{padding:7px 12px;font-size:13px}.btn.ghost{background:transparent;border-color:transparent}.hero{background:#101c30;color:white;padding:77px 0 62px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#6d91e7;display:flex;align-items:center;gap:9px}.hero h1{font-size:clamp(40px,4.6vw,63px);line-height:1.09;letter-spacing:-2.8px;font-weight:650;margin:22px 0}.hero h1 span{color:#82a7ff}.hero p{color:#a9b8cf;max-width:480px;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:30px 0 25px}.hero .btn:not(.primary){background:transparent;color:white;border-color:#44536b}.hero-notes{display:flex;gap:20px;font-size:12px;color:#a9b8cf}.hero-notes span{display:flex;gap:7px;align-items:center}.terminal{border:1px solid #394860;background:#142239;border-radius:9px;box-shadow:0 22px 60px #030a1640;transform:rotate(-1deg)}.terminal-top{padding:14px 18px;border-bottom:1px solid #314058;font-size:12px;display:flex;justify-content:space-between;color:#8da1be}.terminal-body{padding:25px;font-family:ui-monospace,monospace;font-size:13px;line-height:2;color:#aebdd4}.terminal-body .command{color:#e5edff}.terminal-body .blue{color:#8cb2ff}.terminal-table{margin:17px 0;border-top:1px solid #314058}.terminal-table div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #314058}.terminal-table b{font-weight:400;color:#e5edff}.terminal-foot{display:flex;gap:8px;align-items:center;color:#8baeff;font-size:12px}.hero-bottom{margin-top:55px;border-top:1px solid #2c3b51;padding-top:24px;display:flex;justify-content:space-between;color:#a9b8cf;font-size:13px}.hero-bottom span{display:flex;align-items:center;gap:10px}.section{padding:64px 0}.section.white{background:#fff}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.section-head h2{font-size:32px;font-weight:650;letter-spacing:-1px;margin:9px 0}.muted{color:#69768a}.small{font-size:13px}.section-head p{color:#69768a;font-size:15px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plan{border:1px solid var(--border);border-radius:8px;background:#fff;padding:26px;display:flex;flex-direction:column;position:relative}.plan.featured{border-color:#235be8;box-shadow:0 5px 20px #235be80c}.plan-label{position:absolute;top:-13px;left:20px;background:#235be8;color:white;padding:3px 10px;font-size:11px;font-weight:700;border-radius:4px;letter-spacing:.05em}.plan-icon{color:#235be8;background:#eef3ff;width:42px;height:42px;display:grid;place-items:center;border-radius:8px;margin-bottom:19px}.plan h3{font-size:19px;font-weight:650}.plan p{font-size:14px;color:#69768a;margin-top:8px;min-height:65px}.price{font-size:33px;font-weight:650;letter-spacing:-1px;margin:22px 0}.price small{font-size:13px;font-weight:400;letter-spacing:0;color:#69768a}.specs{padding:0;list-style:none;font-size:13px;border-top:1px solid #e6ebf2;margin:0 0 24px}.specs li{padding-top:11px;display:flex;align-items:center;gap:9px}.specs svg{color:#718198;width:15px;height:15px}.plan .btn{margin-top:auto}.fineprint{font-size:12px;color:#718098;margin-top:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.features svg{color:#235be8;margin-bottom:16px}.features h3{font-size:18px;font-weight:650;margin-bottom:9px}.features p{font-size:14px;color:#69768a;line-height:1.8}.cta{background:#eaf0ff;border:1px solid #d5e1ff;border-radius:9px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:27px;font-weight:650;letter-spacing:-.7px}.cta p{color:#63728b;margin-top:7px}.footer{background:#101c30;color:#a4b4ce;padding:48px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer .brand{color:#fff}.footer p{font-size:14px;max-width:290px;margin-top:15px}.footer h4{color:white;font-size:13px;margin:0 0 18px}.footer a:not(.brand){display:block;font-size:13px;margin-bottom:11px}.footer-bottom{border-top:1px solid #2c3b51;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.pagehead{padding:46px 0 28px}.pagehead h1{font-size:38px;letter-spacing:-1.5px;font-weight:650;margin-bottom:8px}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;padding-bottom:65px}.filterlist{display:flex;flex-direction:column;gap:4px}.filterlist button{text-align:left;padding:10px 12px;border-radius:6px;font-size:14px}.filterlist button.active{background:#e5edff;color:#235be8;font-weight:600}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.catalog-grid .plan{padding:21px}.searchbar{position:relative;margin-bottom:23px}.searchbar svg{position:absolute;left:13px;top:14px;color:#8490a3}.searchbar input{padding-left:40px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.field label{font-size:13px;font-weight:600}.input,textarea{width:100%;border:1px solid #d7dfec;border-radius:5px;background:#fff;padding:11px 12px;font:inherit;font-size:14px;color:#172337}.input:focus,textarea:focus{outline:2px solid #b8cdfb;border-color:#235be8}.field [data-slot=select-trigger]{width:100%;min-height:44px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.checkout-grid{display:grid;grid-template-columns:1fr 350px;gap:30px;padding-bottom:65px}.panel{background:white;border:1px solid var(--border);border-radius:8px;padding:26px}.panel h2,.panel h3{font-size:18px;font-weight:650;margin-bottom:18px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.panel-top h2,.panel-top h3{margin:0}.lineitem{display:flex;justify-content:space-between;gap:16px;padding:11px 0;font-size:14px}.lineitem.total{border-top:1px solid var(--border);margin-top:13px;padding-top:19px;font-weight:700;font-size:19px}.notice{padding:12px 15px;border:1px solid #d9e5fe;background:#f0f5ff;color:#466392;border-radius:6px;font-size:13px;line-height:1.6;margin:15px 0;display:flex;gap:10px;align-items:start}.notice svg{flex-shrink:0;margin-top:2px}.notice.warn{background:#fffaed;border-color:#f0e0b5;color:#8b681b}.dash-sidebar .brand{padding:12px;color:white}.side-label{padding:24px 12px 9px;font-size:10px;letter-spacing:.15em;color:#8596b2}.sidebar-user{border-top:1px solid #2a3950;padding:18px 12px;font-size:13px}.sidebar-user b{display:block;color:#e6edfa}.dash-header{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px;font-size:14px}.dash-header .right{display:flex;align-items:center;gap:18px}.avatar{width:33px;height:33px;border-radius:50%;background:#eaf0ff;color:#235be8;display:grid;place-items:center;font-size:12px;font-weight:700}.dash-content{padding:33px;max-width:1600px;margin:auto;width:100%}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dash-title h1{font-size:29px;letter-spacing:-.8px;font-weight:650}.dash-title p{font-size:14px;color:#718096;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:7px;padding:20px}.stat-top{display:flex;justify-content:space-between;font-size:13px;color:#69778c;align-items:center}.stat-top svg{width:17px}.stat strong{display:block;font-size:30px;font-weight:650;letter-spacing:-1px;margin:12px 0 3px}.stat small{font-size:12px;color:#8190a3}.dash-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px}.stack{display:flex;flex-direction:column;gap:21px}.empty-state{text-align:center;padding:40px 15px;color:#7a879a;font-size:14px}.empty-state svg{display:block;margin:0 auto 13px;color:#9aacc5}.empty-state b{display:block;color:#354661;margin-bottom:6px;font-size:16px}.empty-state .btn{margin-top:17px}.status{display:inline-flex;padding:3px 9px;font-size:11px;border-radius:4px;background:#edf1f7;color:#667489;font-weight:600;text-transform:capitalize;white-space:nowrap}.status.active,.status.paid,.status.resolved{background:#e6f6ed;color:#227444}.status.open,.status.pending,.status.unpaid,.status.draft,.status.awaiting_payment{background:#fff2d9;color:#926815}.status.cancelled,.status.suspended,.status.failed{background:#fde9eb;color:#ab3b50}.table-wrap{overflow:auto}[data-slot=table]{font-size:13px}[data-slot=table-head]{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#738198;background:#f8fafc;padding:12px 14px}[data-slot=table-cell]{padding:15px 14px}td a{color:#235be8;font-weight:600}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf0f6;padding:15px 0}.list-row:last-child{border-bottom:0}.list-row b{font-size:14px;display:block}.list-row p{font-size:12px;color:#77859b;margin-top:4px}.tag{font-size:11px;padding:4px 8px;background:#eef2fa;color:#577099;border-radius:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.integration-card{border:1px solid var(--border);padding:22px;border-radius:7px;background:white}.integration-card h3{font-size:17px;font-weight:650;margin-bottom:8px}.integration-card p{font-size:14px;color:#718096;margin:12px 0}.thread{display:flex;flex-direction:column;gap:14px;max-height:400px;overflow:auto;margin:20px 0}.message{padding:15px;background:#f4f7fc;border-radius:7px;font-size:14px;white-space:pre-wrap}.message.staff{background:#edf3ff;border-left:3px solid #3970ee}.message small{display:block;color:#7b8a9e;font-size:11px;margin-bottom:6px}.article{max-width:850px;padding-bottom:60px}.article details{background:white;border:1px solid var(--border);border-radius:7px;margin-bottom:14px;padding:20px}.article summary{font-weight:600;cursor:pointer}.article details p{margin-top:15px;color:#67778f;font-size:15px;line-height:1.8}.error{color:#a52135;font-size:14px;margin:14px 0}.spinner{width:20px;height:20px;border:2px solid #dbe4f6;border-top-color:#235be8;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{padding:60px;display:flex;justify-content:center;gap:15px;color:#7b889d}.billing-switch [data-slot=tabs-trigger]{font-size:13px;padding:7px 14px}.category-count{font-size:13px;color:#7a879a}.mobile-nav{display:none}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-placeholder{min-height:130px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#fff,#fff 30px,#edf1f6 31px);color:#8190a3;font-size:13px;margin-top:20px}.notice a{text-decoration:underline}.admin-indicator{color:#a7bded;font-size:10px;border:1px solid #45608b;padding:2px 6px;border-radius:3px;letter-spacing:.08em}.print-invoice{display:none}
@media(max-width:1050px){.hero-grid{gap:30px}.plan-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr 1fr}.navlinks{gap:16px}.navlinks .optional{display:none}}
@media(max-width:700px){.wrap{padding:0 20px}.topbar .wrap span:last-child{display:none}.nav .wrap{min-height:70px}.navlinks{display:none}.mobile-nav{display:block}.hero{padding:45px 0 32px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:16px}.terminal{transform:none;margin-top:15px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;font-size:11px}.hero-notes{gap:12px;font-size:11px}.section{padding:42px 0}.section-head{display:block}.section-head .btn,.section-head [data-slot=tabs]{margin-top:17px}.plan-grid,.features,.catalog-grid,.checkout-grid,.settings-grid,.integration-grid{grid-template-columns:1fr}.plan p{min-height:0}.features{gap:28px}.cta{display:block;padding:25px}.cta .btn{margin-top:20px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{gap:20px}.catalog-layout{grid-template-columns:1fr;gap:18px}.filterlist{flex-direction:row;overflow:auto;white-space:nowrap;padding-bottom:5px}.filterlist button{flex-shrink:0}.pagehead h1{font-size:32px}.dash-content{padding:22px 17px}.dash-header{padding:0 17px;height:65px}.dash-header .optional{display:none}.dash-title{align-items:start}.dash-title h1{font-size:25px}.dash-title .btn{padding:9px 11px;font-size:12px}.stat-grid{gap:10px}.stat{padding:15px}.stat-top{font-size:12px}.stat strong{font-size:25px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.hero-actions .btn{padding:10px 14px}.brand{font-size:24px}}
@media print{body>*{display:none!important}.print-invoice{display:block!important}.print-invoice *{display:revert!important}}
