:root{--accent: #16d9ff;--accent-2: #5ee7ff;--amber: #f7c873;--border: rgba(109, 204, 238, .28);--button-text: #eafdff;--danger: #ff7a8a;--estimate-bg: rgba(7, 18, 30, .78);--estimate-border: rgba(91, 178, 212, .28);--input-bg: rgba(6, 13, 24, .72);--input-border: rgba(118, 180, 214, .52);--muted: #91a8b9;--note-bg: rgba(10, 35, 54, .82);--note-border: rgba(48, 172, 217, .32);--note-text: #caecff;--page-bg: #03070d;--primary: #069fd0;--secondary: rgba(55, 78, 101, .78);--status-bg: rgba(30, 50, 69, .86);--strong: #f3fbff;--surface: rgba(9, 17, 28, .82);--text: #e9f5ff;--topbar-bg: rgba(3, 8, 15, .78);--topbar-muted: #9cb4c7;--topbar-text: #f7fbff;color:var(--text);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--hero-progress: 0}:root[data-theme=light]{--border: rgba(63, 109, 143, .28);--danger: #b91c1c;--estimate-bg: rgba(236, 246, 252, .92);--estimate-border: rgba(85, 124, 153, .28);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(94, 125, 150, .48);--muted: #617286;--note-bg: rgba(226, 241, 250, .92);--note-border: rgba(91, 151, 190, .38);--note-text: #16435d;--page-bg: #eef4f8;--secondary: rgba(73, 91, 112, .88);--status-bg: rgba(221, 232, 239, .92);--strong: #0d1726;--surface: rgba(255, 255, 255, .86);--text: #172233;--topbar-bg: rgba(8, 14, 22, .86);--topbar-muted: #b9c8d6;--topbar-text: #ffffff}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body,#app{min-height:100%}body{background:var(--page-bg);color:var(--text);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{letter-spacing:0}.topbar{align-items:center;color:var(--topbar-text);display:flex;gap:24px;justify-content:space-between;min-height:70px;padding:16px 30px;z-index:20}.landing-topbar{background:linear-gradient(180deg,#03080ff5,#03080f8f),var(--topbar-bg);border-bottom:1px solid rgba(58,151,190,.2);left:0;position:absolute;right:0;top:0}.dashboard-topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border)}.brand{align-items:baseline;display:flex;gap:28px;min-height:40px;white-space:nowrap}.brand strong{color:#f8fbff;font-size:clamp(24px,2vw,38px);font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(58,207,255,.18)}.brand span{color:var(--topbar-muted);font-size:clamp(15px,1vw,20px)}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.theme-toggle,.segmented{background:#050c159e;border:1px solid rgba(103,152,180,.36);border-radius:18px;display:inline-grid;gap:3px;padding:3px}.theme-toggle{align-items:center;grid-template-columns:34px 46px 34px;height:44px;justify-items:center;padding:4px 8px;width:128px}.theme-icon{align-items:center;background:transparent;border:0;color:#b8c4d0;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.theme-icon[aria-pressed=true],.theme-icon:hover{color:#f7fbff}.theme-icon svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:22px}.theme-switch{align-items:center;background:#57677c6b;border:0;border-radius:999px;cursor:pointer;display:inline-flex;height:22px;padding:2px;width:44px}.theme-switch span{background:linear-gradient(135deg,#f2f8ff,#94a3b8);border-radius:50%;box-shadow:0 0 12px #e3efff52;display:block;height:18px;transform:translate(0);transition:transform .16s ease;width:18px}.theme-switch[aria-pressed=true] span{transform:translate(22px)}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-language{border-radius:14px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);width:132px}.segmented button{background:transparent;border:0;border-radius:9px;color:var(--topbar-text);cursor:pointer;min-width:0;padding:9px 12px;white-space:nowrap}.segmented button[aria-pressed=true]{background:linear-gradient(135deg,#14a6d675,#0b2741e6);box-shadow:inset 0 0 0 1px #40daff38;color:#f2fcff;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}.download-cta,.sidebar button,.form button,.download,.order button,#logoutButton{background:linear-gradient(135deg,#14defff5,#0577c2eb),var(--primary);border:1px solid rgba(90,229,255,.58);border-radius:8px;box-shadow:inset 0 0 14px #ffffff29,0 0 18px #14b1e738;color:var(--button-text);cursor:pointer;font-weight:700;padding:11px 16px;text-decoration:none}.download-cta{clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);min-width:174px;white-space:nowrap}.landing-page{background:#03070d;color:#e9f5ff;min-height:100vh}.landing-hero-scroll{height:220vh;position:relative}.landing-hero{background:linear-gradient(90deg,#02070dfa,#040c16e6 37%,#03080ffa),#03070d;height:100vh;min-height:min(760px,100vh);overflow:hidden;position:sticky;top:0}.landing-hero:before{background-image:url(/home/Home_Page-00.png);background-position:center;background-repeat:no-repeat;background-size:cover;content:"";inset:0;opacity:.12;position:absolute;z-index:0}.landing-hero:after{background:linear-gradient(90deg,#03070cdb,#03070c24 42%,#03070cc2),linear-gradient(180deg,rgba(3,7,12,.52),transparent 42%,rgba(3,7,12,.82));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.side-rail{background:linear-gradient(180deg,#0a1f2ed1,#02080fa8),#030a129e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(56,190,242,.38);clip-path:polygon(10px 0,calc(100% - 18px) 0,100% 16px,100% 56%,44% 100%,0 100%,0 10px);box-shadow:inset 0 0 28px #14c5f61f,0 0 24px #14c5f61f;display:grid;gap:0;left:24px;padding:14px 14px 34px;position:absolute;top:118px;width:112px;z-index:5}.side-rail button{align-items:center;background:transparent;border:0;color:#9fb2c3;cursor:pointer;display:grid;font-weight:700;gap:8px;justify-items:center;min-height:94px;padding:10px 8px;position:relative}.side-rail button:not(:last-child):after{background:linear-gradient(90deg,transparent,rgba(141,196,224,.34),transparent);bottom:0;content:"";height:1px;left:8px;position:absolute;right:8px}.side-rail button.active,.side-rail button:hover{background:radial-gradient(circle at 50% 22%,rgba(43,223,255,.26),transparent 56%),#0c56767a;color:#5ee7ff;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 0 0 1px #57deff6b,0 0 18px #34dcff38}.rail-icon{align-items:center;color:#3ee8ff;display:inline-flex;height:34px;justify-content:center;width:34px}.rail-icon svg{fill:none;height:32px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;width:32px}.hero-auth{left:clamp(150px,11.5vw,230px);position:absolute;top:clamp(112px,16vh,150px);width:min(490px,34vw);z-index:7}.auth-frame{background:radial-gradient(circle at 85% 20%,rgba(95,205,255,.12),transparent 32%),linear-gradient(135deg,#132637ad,#040c179e 52%,#112333ad),#040b1494;-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18);border:1px solid rgba(75,214,255,.56);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 48px #60b1e614,0 0 0 1px #1081b047,0 0 42px #108cc83d;padding:24px 34px 30px;position:relative}.auth-frame:before,.auth-frame:after{border-color:#59e6ff;border-style:solid;content:"";height:30px;position:absolute;width:30px}.auth-frame:before{border-width:2px 0 0 2px;left:-2px;top:-2px}.auth-frame:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.panel-kicker{color:var(--accent-2);font-size:12px;letter-spacing:.16em;margin:0 0 14px;opacity:.82}.auth-panel{padding:0}.auth-panel h1{color:#f4fbff;font-size:clamp(28px,2.2vw,42px);line-height:1.1;margin:0 0 18px}.auth-panel h1:after{background:linear-gradient(90deg,#37e9ff,#37e9ff00);content:"";display:block;height:3px;margin-top:12px;width:78px}.hero-visual{inset:70px 0 0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.hero-video{--hero-video-width: min(100vw, var(--hero-video-natural-width, 1280px));height:auto;filter:saturate(1.04) contrast(1.08);left:56%;-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 0 58%,rgba(0,0,0,.82) 68%,transparent 88%);mask-image:radial-gradient(ellipse at 50% 52%,#000 0 58%,rgba(0,0,0,.82) 68%,transparent 88%);max-width:none;max-height:calc(100vh - 72px);min-width:0;object-fit:contain;opacity:calc(.96 - (var(--hero-progress) * .08));position:absolute;top:53%;transform:translate(-50%,-50%);width:var(--hero-video-width);z-index:2}.helmet-fallback{background-image:url(/home/Home_Page-01.jpg);background-position:center;background-size:cover;filter:saturate(.8) contrast(1.05);inset:0;opacity:.16;position:absolute}.hud-readout{color:#9eb3c4;letter-spacing:.22em;position:absolute;right:5vw;text-align:left;top:47%;z-index:4}.hud-readout span{color:#66dfff;display:block;font-size:12px;margin-bottom:14px}.hud-readout strong{display:block;font-size:11px;font-weight:600;line-height:1.8}.hero-copy{bottom:90px;color:#bfd2df;max-width:470px;position:absolute;right:clamp(42px,5vw,86px);text-shadow:0 2px 16px rgba(0,0,0,.92);width:min(470px,32vw);z-index:6}.hero-copy:before{background:radial-gradient(ellipse at 50% 58%,rgba(1,5,10,.76),rgba(1,5,10,.42) 58%,transparent 82%);content:"";inset:-20px -24px -18px -20px;pointer-events:none;position:absolute;z-index:-1}.hero-copy span,.section-heading span,.cockpit-section span{color:var(--amber);display:block;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.hero-copy h2,.section-heading h2,.cockpit-section h2{color:#f4fbff;font-size:clamp(26px,2.1vw,42px);line-height:1.08;margin:0 0 16px}.hero-copy p,.section-heading p,.cockpit-section p{color:#a9bdcc;font-size:15px;line-height:1.75;margin:0}.hero-copy ul{display:grid;gap:9px;list-style:none;margin:18px 0 0;padding:0}.hero-copy li{border-left:2px solid rgba(94,231,255,.72);color:#effbff;padding-left:10px}.form{display:grid;gap:13px}.form label{color:#d9e9f2;display:grid;font-weight:700;gap:8px}.form .checkline{align-items:center;color:#cfe5ef;display:flex;gap:8px}.form .checkline input{width:auto}.inline-field{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.inline-field button{white-space:nowrap}.form input,.form select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:7px;color:var(--text);min-height:44px;outline:none;padding:11px 13px;width:100%}.input-with-icon,.password-field{position:relative}.password-field{display:grid}.input-with-icon input,.password-field input{padding-left:48px}.input-with-icon:before,.password-field:before{background-color:#a7bfd0;content:"";height:22px;left:14px;opacity:.92;pointer-events:none;position:absolute;top:calc(50% + 13px);transform:translateY(-50%);width:22px;z-index:2}.input-email:before{clip-path:path("M2 5.5H20V18.5H2V5.5ZM4 7.6V8.9L11 13.6L18 8.9V7.6L11 12.2L4 7.6Z")}.input-lock:before{clip-path:path("M6 10H18V20H6V10ZM8 10H10V7.8C10 6.2 10.9 5.2 12 5.2C13.1 5.2 14 6.2 14 7.8V10H16V7.8C16 4.9 14.3 3.3 12 3.3C9.7 3.3 8 4.9 8 7.8V10Z");top:50%}.form input:focus,.form select:focus{border-color:#52e3ffe6;box-shadow:0 0 0 3px #28b7e629}.form button.secondary{background:#283a4fd1;border-color:#799db857;box-shadow:none}.password-field input{padding-right:52px}.form .password-toggle{align-items:center;background:transparent;border:0;border-radius:4px;box-shadow:none;color:var(--muted);display:inline-flex;height:34px;justify-content:center;padding:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px}.form .password-toggle svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.form .password-toggle:hover,.form .password-toggle:focus-visible{background:#ffffff12;color:var(--text)}.form-status{margin:0;min-height:1.4em;white-space:pre-line}.form-status.error{color:var(--danger)}.form-status.info{color:var(--muted)}.form-status.success{color:#66f0a3}.showcase-section{background:linear-gradient(180deg,#03070d,#08131e 46%,#03070d);border-top:1px solid rgba(68,160,196,.22);padding:96px clamp(24px,5vw,92px)}.section-heading{max-width:820px;margin-bottom:34px}.comparison-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid figure{background:#040c15d6;border:1px solid rgba(73,190,234,.28);margin:0;overflow:hidden}.comparison-grid img{aspect-ratio:16 / 9;display:block;object-fit:cover;width:100%}.comparison-grid figcaption{color:#c5d7e2;font-weight:700;padding:16px 18px}.cockpit-section{align-items:center;background:#02060b;display:grid;gap:40px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);padding:0 clamp(24px,5vw,92px) 96px}.cockpit-section img{border:1px solid rgba(73,190,234,.22);box-shadow:0 0 34px #1c97d22e;display:block;width:100%}.cockpit-section .download-cta{margin-top:24px}.workspace{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}.dashboard-workspace{background:var(--page-bg)}.sidebar{background:#0b131fe6;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:16px}.sidebar button{width:100%}.panel{min-width:0}.dashboard-panel{padding:28px}.dashboard-section{border-bottom:1px solid var(--border);margin:0 0 28px;padding:0 0 28px;scroll-margin-top:20px}.dashboard-section:last-of-type{border-bottom:0}.metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metrics div{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.metrics dt{color:var(--muted);font-size:13px}.metrics dd{color:var(--strong);font-size:24px;margin:8px 0 0;overflow-wrap:anywhere}.metrics.compact{margin-top:18px}.metrics.compact dd{font-size:16px;overflow-wrap:anywhere}.history{margin:24px 0;overflow-x:auto}.history table{background:var(--surface);border:1px solid var(--border);border-collapse:collapse;width:100%}.history th,.history td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.history td strong,.history td span{display:block}.table-action{background:var(--secondary);border:0;border-radius:6px;color:var(--button-text);cursor:pointer;padding:8px 10px;white-space:nowrap}.table-action:disabled{cursor:not-allowed;opacity:.48}.table-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:12px 0}.pager-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pager-controls label{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:6px}.pager-controls select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text);padding:7px 8px}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger)}.payment-estimate{background:var(--estimate-bg);border:1px solid var(--estimate-border);border-radius:6px;padding:12px}.payment-estimate dl{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.payment-estimate dt{color:var(--muted);font-size:12px}.payment-estimate dd{color:var(--strong);font-weight:700;margin:4px 0 0}.payment-note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:6px;color:var(--note-text);font-size:13px;line-height:1.5;margin:0;padding:10px}.payment-note span{display:block;margin-top:4px}.status{background:var(--status-bg);border-radius:999px;display:inline-block;padding:2px 8px}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.closed,.status.refunded{background:#fee2e2;color:#991b1b}.order{display:grid;gap:14px;max-width:760px}.order code{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:block;overflow-wrap:anywhere;padding:12px}.download-modal-overlay{align-items:center;background:radial-gradient(circle at 50% 38%,rgba(20,178,231,.16),transparent 36%),#000409c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.download-modal{background:radial-gradient(circle at 82% 0,rgba(72,217,255,.16),transparent 34%),linear-gradient(135deg,#102131f0,#050d18eb);border:1px solid rgba(83,219,255,.58);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 42px #69cbff14,0 0 44px #13b6ec47;color:#eafdff;max-width:520px;padding:30px 34px 28px;position:relative;width:min(520px,100%)}.download-modal-kicker{color:var(--accent-2);display:block;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.download-modal h2{color:#f7fcff;font-size:30px;line-height:1.15;margin:0 0 14px}.download-modal p{color:#bdd1df;line-height:1.7;margin:0}.download-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.download-modal .secondary,.download-modal-close{background:#23374cd1;border:1px solid rgba(121,157,184,.34);color:#eafdff;cursor:pointer;font-weight:700;padding:11px 16px}.download-modal-close{align-items:center;border-radius:6px;display:inline-flex;height:34px;justify-content:center;padding:0;position:absolute;right:16px;top:14px;width:34px}.download-modal-status{color:#66f0a3;min-height:1.5em;padding-top:14px}@media(max-width:1180px){.hero-auth{left:140px;width:min(480px,44vw)}.hero-copy{display:none}.hero-video{left:52%;width:86vw}}@media(max-width:820px){.landing-hero-scroll{height:auto}.landing-hero{display:grid;gap:24px;height:auto;min-height:100vh;overflow:visible;padding:100px 16px 48px;position:relative}.landing-topbar{flex-direction:column;position:relative}.side-rail{display:none}.hero-auth{left:auto;order:2;position:relative;top:auto;width:100%;z-index:7}.hero-visual{min-height:360px;order:1;position:relative}.hero-video{left:50%;min-width:0;top:50%;transform:translate(-50%,-50%);width:120vw}.hud-readout{display:none}.hero-copy{display:block;order:3;position:relative;right:auto;bottom:auto}.comparison-grid,.cockpit-section,.workspace{grid-template-columns:1fr}.cockpit-section{padding-top:0}.topbar{align-items:stretch;gap:12px;padding:14px 16px}.topbar-actions{justify-content:flex-start}.sidebar{border-bottom:1px solid var(--border);border-right:0;flex-direction:row;flex-wrap:wrap}.sidebar button{flex:1 1 100px}.dashboard-panel{padding:20px 16px}.table-toolbar{align-items:stretch;flex-direction:column}.history{overflow-x:auto}}
