:root{--background:#080d18;--foreground:#e9f0fc;--card:#101927;--card-foreground:#e9f0fc;--popover:#142033;--popover-foreground:#e9f0fc;--primary:#77f5d2;--primary-foreground:#071c20;--secondary:#162335;--secondary-foreground:#dce7fc;--muted:#142034;--muted-foreground:#93a8c5;--accent:#193348;--accent-foreground:#80f5d3;--destructive:#fb839b;--border:#24324a;--input:#2b3c56;--ring:#77f5d2;--sidebar:#0b1220;--sidebar-foreground:#8fa5c6;--sidebar-primary:#77f5d2;--sidebar-primary-foreground:#071c20;--sidebar-accent:#182d36;--sidebar-accent-foreground:#8ffddd;--sidebar-border:#24324a;--sidebar-ring:#77f5d2}
body{background:#080d18;color:#e9f0fc;font-family:Inter,Arial,Helvetica,sans-serif}::selection{background:#77f5d2;color:#071c20}.brand{letter-spacing:-1.5px;font-weight:750}.brand-mark{color:#09252a;background:linear-gradient(135deg,#b1ffed,#51dcc5);box-shadow:0 0 25px #64efd226}.topbar{background:#0c1522;border-bottom:1px solid #24324a;color:#90aac7;letter-spacing:.12em;font-size:11px}.nav{background:#0b1320e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-color:#29374f}.nav .wrap{min-height:78px}.navlinks{color:#b2c2d9}.navlinks a:hover{color:#77f5d2}.btn{color:#d4e2f7;background:#172235;border:1px solid #344962;box-shadow:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{background:#22314a;border-color:#7a9bb9;transform:translateY(-2px)}.btn.primary{background:#83f7d7;border-color:#83f7d7;color:#082a2c;box-shadow:0 0 0 1px #a3ffe21a,0 5px 22px #70edcc15}.btn.primary:hover{background:#b0ffe8;box-shadow:0 0 28px #73ffd73b}.btn.dark{background:#0d2730;color:#9bffe3;border-color:#4b837e}.btn.ghost{background:transparent}.eyebrow{color:#87e9cf;font-size:11px;letter-spacing:.18em}.hero{background:#0a1120;padding:87px 0 41px;isolation:isolate;overflow:hidden;min-height:630px;border-bottom:1px solid #26384e}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#729ed408 1px,transparent 1px),linear-gradient(90deg,#729ed408 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to bottom,black,transparent);z-index:-2}.hero:after{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 35%,#388bc22b,transparent 40%),radial-gradient(ellipse at 38% 80%,#38e8b614,transparent 38%);z-index:-1;animation:aurora 16s ease-in-out infinite alternate;pointer-events:none}.hero h1{font-size:clamp(46px,4.6vw,66px);line-height:1.08;font-weight:650;letter-spacing:-3px;margin:22px 0}.hero h1 span{color:#a0ffe4;background:linear-gradient(100deg,#acf6e8,#6ccde9,#b2c5ff);background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#9fb2d0;font-size:17px;line-height:1.8}.hero-grid>div:first-child{animation:rise-in .8s both}.hero-actions{margin-top:32px}.hero .btn:not(.primary){background:#121f32;border-color:#3b4e69;color:#c8d9f3}.hero-notes{color:#8aa2bf}.hero-notes svg{color:#7cf1ce}.hero-bottom{border-color:#273950;color:#90acc7;margin-top:60px}.hero-bottom svg{color:#81cfde}.terminal{background:linear-gradient(130deg,#17283ae8,#0b1729fa);border-color:#49637d;border-radius:14px;transform:none;box-shadow:0 30px 90px #0007,0 0 60px #40c3ba0a;animation:float-panel 7s ease-in-out infinite;position:relative;overflow:hidden}.terminal:after{content:'';position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,#9dffe1,transparent);box-shadow:0 0 24px 4px #74edcb2a;animation:scan 8s linear infinite;pointer-events:none}.terminal-top{background:#17273d80;border-color:#314861;color:#8cacc7;padding:16px 20px}.terminal-body{padding:28px;color:#8ba7c5;font-size:13px}.terminal-body .command{font-size:16px;color:#e8f8ff}.terminal-body .blue{color:#8ff5d7}.terminal-table div{border-color:#263c53;padding:12px 0}.terminal-table{border-color:#2f4760}.terminal-table b{color:#d0fff1}.terminal-foot{color:#8df6d5}.section{background:#090f1c;padding:75px 0}.section.white{background:#0d1524;border-block:1px solid #24324a}.section-head h2{font-size:34px;letter-spacing:-1.3px;color:#e9f0fc}.section-head p,.muted{color:#94a8c4}.plan{background:linear-gradient(160deg,#142035,#0d1727);border-color:#2b3c56;border-radius:11px;box-shadow:0 6px 20px #0001;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:visible}.plan:hover{transform:translateY(-7px);border-color:#5e938f;box-shadow:0 20px 40px #0003,0 0 0 1px #70e4cb12}.plan.featured{border-color:#73d7c6;box-shadow:0 0 38px #4ecfaf12}.plan-label{background:#82f6d5;color:#102e32;top:-12px;font-size:10px;border:1px solid #aaffeb;box-shadow:0 0 22px #80efcc25}.plan-icon{background:#17303d;color:#8befd7;border:1px solid #2b5760;box-shadow:inset 0 1px 0 #ffffff07}.plan h3{color:#e9f2ff}.plan p{color:#8ea4c2}.price{color:#ecf6ff;font-size:35px}.price small{color:#879fbf}.specs{border-color:#283b54;color:#b8cae4}.specs svg{color:#70a5bb}.fineprint{color:#8198b7}.features svg{color:#85efd5}.features h3{color:#dfecff}.features p{color:#8ba4c6}.cta{background:linear-gradient(120deg,#17363e,#17263e 75%);border:1px solid #3e6a70;box-shadow:0 0 45px #4dc2af09;border-radius:12px}.cta h2{color:#d8fff3}.cta p{color:#9ebcce}.footer{background:#080e18;color:#7f96b8;border-top:1px solid #283c53}.footer a:hover{color:#9affdd}.footer-bottom{border-color:#24354c}.pagehead{padding:55px 0 30px}.pagehead h1{color:#e4f2ff}.filterlist button{color:#91a9ca;transition:background .2s,color .2s}.filterlist button:hover{background:#15253b}.filterlist button.active{background:#19373e;color:#a5ffe5;border-left:2px solid #86fbd6}.searchbar svg{color:#7d9fbf}.input,textarea{background:#0a1424;color:#dceafd;border-color:#314762;transition:border-color .2s,box-shadow .2s}.input::placeholder,textarea::placeholder{color:#627d9d}.input:focus,textarea:focus{outline:0;border-color:#7ef5d4;box-shadow:0 0 0 3px #69e4c41a}.field label{color:#a9bdd9}.field [data-slot=select-trigger]{background:#0a1424;color:#d2e4fc;border-color:#314762}.panel{background:#101b2b;border-color:#293c54;box-shadow:0 6px 25px #0001}.panel h2,.panel h3{color:#d9eaff}.lineitem{color:#b0c6e3}.lineitem.total{color:#a3ffe3;border-color:#2c4159}.notice{background:#12283b;border-color:#294962;color:#94bfd9}.notice.warn{background:#2b291f;border-color:#5b5134;color:#d5bf82}.notice svg{color:inherit}.dash-header{background:#0e192b;border-color:#293c54;color:#bdd0ea}.avatar{background:#20403f;color:#9cffe2;border:1px solid #346b67}.dash-content{background:radial-gradient(ellipse at top right,#16334544,transparent 55%),#0a1120;min-height:calc(100vh - 76px)}.dash-title h1{color:#e6f3ff}.dash-title p{color:#8ca3c4}.stat{background:linear-gradient(135deg,#142337,#101b2b);border-color:#2d425c;border-radius:9px;transition:transform .2s}.stat:hover{transform:translateY(-3px)}.stat-top{color:#91adce}.stat-top svg{color:#8df1d5}.stat strong{color:#e9f8ff}.stat small{color:#7d99b9}.stat:nth-child(2) strong{color:#b6c8ff}.stat:nth-child(3) strong{color:#a7ffdf}.stat:nth-child(4) strong{color:#98dced}.list-row{border-color:#273a51}.list-row p{color:#89a3c4}.list-row b{color:#cde2fa}.tag{background:#1b3445;color:#95daca;border:1px solid #2d5260}.empty-state{color:#7d99bb}.empty-state b{color:#c0d8f4}.empty-state svg{color:#507697}.status{background:#233347;color:#afc2de}.status.active,.status.paid,.status.resolved{background:#163e36;color:#8eebc2}.status.open,.status.pending,.status.unpaid,.status.draft,.status.awaiting_payment{background:#3b3220;color:#e3c887}.status.cancelled,.status.suspended,.status.failed{background:#402634;color:#f9a5b8}[data-slot=table-head]{background:#0b1728;color:#829fbe}[data-slot=table-cell]{color:#b3c8e4}[data-slot=table-row]{border-color:#2a3e57}td a{color:#92f5d5}.integration-card{background:#111e30;border-color:#2d435e}.integration-card p{color:#90abcc}.message{background:#172c42;color:#c4d9f0}.message.staff{background:#16352f;border-color:#91f3d1}.message small{color:#8eacc5}.article details{background:#111e30;border-color:#2a415c}.article details p{color:#99b3d2}.article summary{color:#d1e7ff}.metric-placeholder{background:repeating-linear-gradient(0deg,#101b2b,#101b2b 30px,#21354e 31px);color:#7599b7}.admin-indicator{color:#95f3d2;border-color:#3e6e63}.sidebar-user b{color:#cae1fc}.error{color:#ffa6b3}.auth-wrap{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.1fr 1fr;max-width:1100px;align-items:center;margin:auto;gap:70px;padding:65px 32px}.auth-story h1{font-size:50px;line-height:1.14;font-weight:650;letter-spacing:-2px;margin:24px 0}.auth-story h1 span{color:#98fadd}.auth-story p{font-size:17px;color:#8faaca;max-width:400px}.auth-card{background:linear-gradient(140deg,#17283d,#0c182a);padding:35px;border:1px solid #36546d;border-radius:14px;box-shadow:0 25px 70px #0003}.auth-card h2{font-size:26px;letter-spacing:-.7px;margin-bottom:6px}.auth-card .btn{width:100%;margin-top:6px}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font-size:13px;color:#91e9ce}.auth-card>p{color:#8ba6c7;margin-bottom:27px;font-size:14px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal-ready.in-view{opacity:1;transform:translateY(0)}.reveal-ready.plan:hover{transform:translateY(-7px)}.hero .wrap{position:relative}.terminal-lights{display:flex;gap:5px;align-items:center}.terminal-lights i{display:block;width:5px;height:5px;border-radius:50%;background:#7895b7}.terminal-lights i:last-child{background:#82e8cf;animation:pulse-led 2s infinite}.header-glow{color:#a5ffe5}.footer .brand{color:#d8f8ee}
@keyframes aurora{from{transform:translate(-3%,0) rotate(-5deg)}to{transform:translate(4%,-3%) rotate(6deg)}}@keyframes float-panel{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scan{0%{top:-2px;opacity:0}10%{opacity:.6}90%{opacity:.25}100%{top:100%;opacity:0}}@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-led{0%,100%{opacity:.4;box-shadow:none}50%{opacity:1;box-shadow:0 0 8px #82e8cf}}
@media(max-width:700px){.hero{padding-top:53px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-grid{gap:38px}.terminal{animation:none}.section{padding:50px 0}.auth-wrap{grid-template-columns:1fr;padding:38px 20px;gap:30px}.auth-story h1{font-size:34px}.auth-story p{font-size:15px}.auth-card{padding:25px}.section-head h2{font-size:29px}.nav .wrap{min-height:68px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#9affe1;color:#082c2e;padding:12px 20px;border-radius:6px}.skip-link:focus{top:15px}.mobile-links{padding-bottom:20px;gap:20px;flex-wrap:wrap}.mobile-links:not([hidden]){display:flex}[hidden]{display:none!important}.filterlist a{padding:10px 12px;border-radius:6px;font-size:14px;color:#91a9ca}.filterlist a:hover{background:#15253b}.filterlist a.active{background:#19373e;color:#a5ffe5;border-left:2px solid #86fbd6}.article h1{line-height:1.18}.article>section>h2{font-size:23px;font-weight:600;margin-bottom:20px}a:hover{color:#9cffdf}.btn.primary:hover{color:#082a2c}.plan-grid .plan[hidden]{display:none}.motion-ready{opacity:0;translate:0 16px;transition:opacity .6s ease var(--enter-delay,0ms),translate .6s ease var(--enter-delay,0ms),border-color .2s,box-shadow .2s,transform .2s}.motion-visible{opacity:1;translate:0 0}.plan,.stat,.integration-card{background-image:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,0%),#68edcf0c,transparent 70%),linear-gradient(140deg,#152439,#101b2b)}.navlinks>a:not(.btn){position:relative}.navlinks>a:not(.btn):after{content:'';height:1px;background:#91f9d8;position:absolute;left:0;right:0;bottom:-10px;transform:scaleX(0);transform-origin:left;transition:transform .25s}.navlinks>a:hover:after{transform:scaleX(1)}.dash-title{animation:rise-in .45s ease both}[data-slot=sidebar-menu-button]{transition:background .2s,color .2s,translate .2s}[data-slot=sidebar-menu-button]:hover{translate:3px 0}[data-slot=table-row]{transition:background .2s}[data-slot=table-row]:hover{background:#162b3c}[data-slot=dialog-content]{background:linear-gradient(145deg,#17293d,#0e1b2e);border:1px solid #3d6278;box-shadow:0 25px 100px #0008,0 0 40px #51d7be0d}[data-slot=dialog-overlay]{backdrop-filter:blur(6px)}.stat-top svg{transition:transform .3s}.stat:hover .stat-top svg{transform:rotate(-8deg) scale(1.15)}.btn:active{transform:translateY(0) scale(.98)}.inline-actions button{transition:transform .2s,background .2s}.sidebar-user{color:#8ea8c7}.dash-header{box-shadow:0 1px 25px #0002}.brand-mark{transition:box-shadow .3s,transform .3s}.brand:hover .brand-mark{transform:rotate(-4deg);box-shadow:0 0 25px #6fe9cd45}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;translate:0 0}.plan:hover,.stat:hover,.btn:hover{transform:none}}