:root{--bg:#070b13;--bg-2:#0c1220;--panel:rgba(17,25,41,0.86);--panel-2:rgba(22,33,54,0.92);--line:rgba(134,173,214,0.18);--text:#f4f7fb;--muted:#9aa7b7;--cyan:#49d5ff;--blue:#446dff;--violet:#9b5cff;--green:#38e58a;--amber:#ffcc58;--red:#ff5d7a}*{box-sizing:border-box}html{background:var(--bg)}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(73,213,255,.16),transparent 34%),radial-gradient(circle at 85% 5%,rgba(155,92,255,.16),transparent 30%),radial-gradient(circle at 50% 90%,rgba(56,229,138,.08),transparent 38%),linear-gradient(135deg,#050810,#08111f 45%,#04070d);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.statusium-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:38px 0 60px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:stretch}.dashboard-preview,.hero-card,.login-preview,.plans-section{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,25,41,.92),rgba(10,15,27,.86));box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px);border-radius:32px}.hero-card{padding:34px;min-height:540px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(73,213,255,.22),transparent 70%)}.brand-row{display:flex;gap:16px;align-items:center;position:relative;z-index:1}.brand-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:31px;font-weight:900;color:white;background:linear-gradient(135deg,rgba(73,213,255,.95),rgba(68,109,255,.9) 50%,rgba(155,92,255,.95)),#121b2c;box-shadow:0 0 32px rgba(73,213,255,.28)}.brand-mark.small{width:42px;height:42px;border-radius:14px;font-size:22px}.eyebrow{margin:0 0 6px;color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(34px,6vw,64px);letter-spacing:-.06em}.hero-card>h2{margin:62px 0 18px;max-width:760px;font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.06em}.hero-card>h2,.hero-text{position:relative;z-index:1}.hero-text{max-width:720px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;position:relative;z-index:1}.full-button,.ghost-button,.primary-button,.small-button{border:0;cursor:pointer;border-radius:16px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.full-button,.primary-button,.small-button{color:#03101a;background:linear-gradient(135deg,var(--cyan),#72ffbd);box-shadow:0 14px 32px rgba(73,213,255,.18)}.ghost-button,.primary-button{padding:15px 22px}.ghost-button{color:var(--text);background:rgba(255,255,255,.04);border:1px solid var(--line)}.full-button:hover,.ghost-button:hover,.primary-button:hover,.small-button:hover{transform:translateY(-2px)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;position:relative;z-index:1}.mini-stats div{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.mini-stats span,.mini-stats strong{display:block}.mini-stats strong{margin-bottom:5px}.mini-stats span{color:var(--muted);font-size:13px}.login-preview{padding:16px;min-height:540px;display:flex;flex-direction:column}.window-top{display:flex;gap:8px;padding:8px 4px 18px}.window-top span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.2)}.window-top span:first-child{background:var(--red)}.window-top span:nth-child(2){background:var(--amber)}.window-top span:nth-child(3){background:var(--green)}.login-box{flex:1;display:flex;flex-direction:column;justify-content:center;padding:26px;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(73,213,255,.14),transparent 42%),rgba(5,10,18,.72);border:1px solid var(--line)}.login-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:18px;border-radius:20px;background:rgba(73,213,255,.12);border:1px solid rgba(73,213,255,.24);font-size:28px}.login-box h3{margin-bottom:8px;font-size:28px;letter-spacing:-.04em}.login-box p{margin-bottom:24px;color:var(--muted);line-height:1.55}.login-box label{margin:12px 0 8px;color:#d8e2ed;font-size:13px;font-weight:800}.fake-input{padding:15px 16px;border:1px solid var(--line);border-radius:16px;color:#d9f6ff;background:rgba(255,255,255,.045)}.fake-input.muted{color:var(--muted)}.full-button{margin-top:20px;width:100%;padding:15px 18px}.demo-pill{align-self:flex-start;margin-top:16px;padding:8px 12px;color:#b7ffd4;border:1px solid rgba(56,229,138,.28);border-radius:999px;background:rgba(56,229,138,.09);font-size:13px;font-weight:800}.dashboard-preview{display:grid;grid-template-columns:245px 1fr;gap:0;margin-top:22px;overflow:hidden}.sidebar-preview{padding:22px;background:rgba(4,8,15,.52);border-right:1px solid var(--line)}.side-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.sidebar-preview nav{display:grid;gap:8px}.sidebar-preview nav span{padding:12px 13px;border-radius:14px;color:var(--muted);font-size:14px;font-weight:700}.sidebar-preview nav span.active{color:var(--text);background:rgba(73,213,255,.12);border:1px solid rgba(73,213,255,.18)}.panel-preview{padding:26px}.panel-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.panel-header h2{margin-bottom:0;font-size:34px;letter-spacing:-.05em}.small-button{padding:12px 16px}.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.cards-row article{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.cards-row small,.cards-row span{display:block;color:var(--muted)}.cards-row strong{display:block;margin:8px 0;font-size:38px;letter-spacing:-.05em}.flow-card{margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}.flow-title{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.flow-title h3,.flow-title p{margin-bottom:0}.flow-title p{color:var(--muted)}.state-list{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.state-item{padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(8,15,26,.75)}.state-item span{width:26px;height:26px;display:grid;place-items:center;margin-bottom:10px;border-radius:9px;color:#03101a;background:var(--cyan);font-size:12px;font-weight:900}.state-item p{margin-bottom:0;font-size:13px;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025))}.module-card span{display:inline-flex;margin-bottom:16px;padding:6px 9px;border-radius:999px;color:#b9f4ff;background:rgba(73,213,255,.1);border:1px solid rgba(73,213,255,.16);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.module-card h3{margin-bottom:9px;font-size:17px}.module-card p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.55}.plans-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;margin-top:22px;padding:28px}.plans-section h2{margin-bottom:10px;font-size:34px;letter-spacing:-.05em}.plans-section p{color:var(--muted);line-height:1.65}.plans-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.plans-list span{padding:12px 14px;border-radius:999px;color:#dcf8ff;background:rgba(73,213,255,.08);border:1px solid rgba(73,213,255,.18);font-weight:800}.admin-shell,.auth-shell,.dashboard-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:38px 0 60px}.auth-card{max-width:520px;margin:0 auto;padding:38px;border-radius:32px;background:linear-gradient(145deg,rgba(17,25,41,.92),rgba(10,15,27,.86));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.35)}.auth-intro{color:var(--muted);margin:24px 0 30px;line-height:1.75}.auth-form{display:grid;gap:16px}.input-field{width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text)}.input-field::placeholder{color:rgba(255,255,255,.45)}.form-note{padding:16px;border-radius:18px;background:rgba(73,213,255,.08);color:#d8f7ff;border:1px solid rgba(73,213,255,.16);font-size:14px}.auth-actions{display:grid;gap:12px;margin-top:8px}.admin-shell,.dashboard-shell{display:grid;grid-template-columns:260px 1fr;gap:24px}.admin-sidebar{padding:24px;background:rgba(4,8,15,.72);border:1px solid rgba(255,255,255,.08);border-radius:28px;min-height:720px}.admin-sidebar nav{display:grid;gap:10px;margin-top:18px}.admin-sidebar nav a{color:var(--muted);text-decoration:none;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);transition:background .16s ease,color .16s ease}.admin-sidebar nav a:hover{background:rgba(73,213,255,.1);color:var(--text)}.admin-sidebar nav a.active{color:var(--text);background:rgba(73,213,255,.14);border:1px solid rgba(73,213,255,.18)}.admin-content{display:grid;gap:22px}.admin-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.admin-header h2{margin-bottom:0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics-card{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.metrics-card small,.metrics-card span{display:block;color:var(--muted)}.metrics-card strong{margin:14px 0 0;font-size:36px}.quick-panel{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.quick-panel h3{margin-bottom:6px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.company-table button,.quick-actions button{border:0;padding:12px 14px;border-radius:16px;background:rgba(73,213,255,.08);color:var(--text);cursor:pointer;transition:transform .16s ease}.company-table button:hover,.quick-actions button:hover{transform:translateY(-1px)}.table-panel{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.table-header{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:18px}.company-table,.table-row{display:grid;gap:12px}.table-row{grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;padding:16px 18px;border-radius:22px;background:rgba(10,15,25,.8);align-items:center}.table-head{border:1px solid rgba(73,213,255,.14);background:rgba(73,213,255,.08)}.table-row span{color:var(--text);font-size:14px}.status-panel{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.status-pill{padding:16px 18px;border-radius:18px;font-weight:800;text-align:center;color:#fff;background:rgba(73,213,255,.16)}.status-pill.green{background:rgba(56,229,138,.18)}.status-pill.orange{background:rgba(255,204,88,.18)}.status-pill.cyan{background:rgba(73,213,255,.18)}@media (max-width:980px){.dashboard-preview,.hero-grid,.plans-section{grid-template-columns:1fr}.sidebar-preview{border-right:0;border-bottom:1px solid var(--line)}.sidebar-preview nav{grid-template-columns:repeat(2,1fr)}.cards-row,.mini-stats,.module-grid,.state-list{grid-template-columns:1fr}.plans-list{justify-content:flex-start}}@media (max-width:560px){.statusium-shell{width:min(100% - 20px,1180px);padding-top:20px}.hero-card,.login-preview,.panel-preview,.plans-section{padding:18px;border-radius:24px}.hero-card>h2{margin-top:36px}.flow-title,.panel-header{flex-direction:column;align-items:flex-start}.sidebar-preview nav{grid-template-columns:1fr}}.inline-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.full-action{width:100%;margin-top:10px}.error-note{border-color:rgba(255,93,122,.25);background:rgba(255,93,122,.08);color:#ffd9e0}.success-note{border-color:rgba(56,229,138,.25);background:rgba(56,229,138,.08);color:#d7ffe7}.empty-panel{display:grid;gap:14px;min-height:260px;place-items:start}.ticket-list-panel{display:grid;gap:12px}.ticket-card{display:grid;grid-template-columns:.9fr 1.2fr 1.6fr 1fr 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(10,15,25,.82)}.ticket-card small,.ticket-card span{display:block;color:var(--muted);font-size:12px}.ticket-card strong{display:block;margin-top:4px;font-size:14px}.small-link{padding:10px 12px;text-align:center;text-decoration:none;white-space:nowrap}.status-text.green{color:var(--green)}.status-text.orange{color:var(--amber)}.status-text.cyan{color:var(--cyan)}.status-text.red{color:var(--red)}.status-text.blue{color:#8fc8ff}.ticket-form-panel{display:grid;gap:18px;padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.ticket-form-panel label{display:grid;gap:8px;color:var(--text);font-weight:800}.form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.textarea-field{min-height:120px;resize:vertical}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-panel p{color:var(--muted);line-height:1.6}.table-panel p strong{color:var(--text)}.soft-line{margin:20px 0;border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(73,213,255,.35),transparent)}.public-url{word-break:break-all;padding:12px;border-radius:16px;background:rgba(73,213,255,.08);border:1px solid rgba(73,213,255,.14)}.public-tracking-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.public-tracking-card{width:min(980px,100%);padding:34px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 10% 0,rgba(73,213,255,.12),transparent 36%),linear-gradient(145deg,rgba(17,25,41,.94),rgba(8,12,22,.9));box-shadow:0 24px 80px rgba(0,0,0,.35)}.tracking-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:34px 0 22px}.tracking-header h2{margin-bottom:8px;font-size:clamp(34px,5vw,56px);letter-spacing:-.06em}.tracking-header p{color:var(--muted)}.tracking-status{padding:12px 16px;border-radius:999px;color:#dffaff;background:rgba(73,213,255,.12);border:1px solid rgba(73,213,255,.2);font-weight:900}.tracking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.tracking-box,.tracking-grid article{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.tracking-grid span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:800}.tracking-grid strong{font-size:17px}.tracking-box{margin-top:16px}.tracking-box h3{margin-bottom:8px}.tracking-box p{color:var(--muted);line-height:1.7}.tracking-timeline{display:grid;gap:10px}.timeline-step{display:flex;gap:12px;align-items:center;color:var(--muted)}.timeline-step span{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.16)}.timeline-step.active{color:var(--text);font-weight:900}.timeline-step.active span{background:var(--green);box-shadow:0 0 18px rgba(56,229,138,.5)}.timeline-step p{margin-bottom:0}@media (max-width:980px){.detail-grid,.form-grid-two,.ticket-card,.tracking-grid{grid-template-columns:1fr}.tracking-header{align-items:flex-start;flex-direction:column}}.client-list-panel{display:grid;gap:12px}.client-card{display:grid;grid-template-columns:1.4fr 1.3fr 1.3fr auto;gap:14px;align-items:center;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(10,15,25,.82)}.client-card small,.client-card span{display:block;color:var(--muted);font-size:12px}.client-card strong{display:block;margin-top:4px;font-size:14px}.checkbox-line{display:flex!important;align-items:center;gap:10px!important;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.checkbox-line input{width:18px;height:18px}@media (max-width:980px){.client-card{grid-template-columns:1fr}}.stock-list-panel{display:grid;gap:12px}.stock-card{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(10,15,25,.82)}.stock-card small,.stock-card span{display:block;color:var(--muted);font-size:12px}.stock-card strong{display:block;margin-top:4px;font-size:14px}@media (max-width:980px){.stock-card{grid-template-columns:1fr}}.compact-list{display:grid;gap:10px}.compact-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border-radius:18px;background:rgba(10,15,25,.78);border:1px solid rgba(255,255,255,.08)}.compact-row span{display:block;margin-top:4px;color:var(--muted);font-size:13px}@media (max-width:720px){.compact-row{align-items:flex-start;flex-direction:column}}select.input-field{color:var(--text);background-color:rgba(17,25,41,.96);color-scheme:dark}select.input-field option{color:#f4f7fb;background-color:#0c1220}select.input-field option:checked{color:#03101a;background-color:#49d5ff}select.input-field option:hover{color:#03101a;background-color:#72ffbd}.inline-panel{display:grid;gap:14px;padding:20px;border-radius:24px;border:1px solid rgba(73,213,255,.16);background:rgba(73,213,255,.06)}.inline-panel h2{margin-bottom:0}.inline-panel p{margin-bottom:0;color:var(--muted);line-height:1.6}.status-link{text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.status-link:hover{transform:translateY(-2px);border-color:rgba(73,213,255,.45);filter:brightness(1.08)}.search-panel{padding:18px;border-radius:24px;border:1px solid rgba(73,213,255,.14);background:rgba(73,213,255,.055)}.search-form{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-grid-wide{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media (max-width:720px){.search-form{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}.receipt-preview{margin:0;padding:18px;overflow-x:auto;white-space:pre-wrap;color:var(--text);border-radius:20px;border:1px solid rgba(73,213,255,.16);background:rgba(5,10,18,.78);line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{--company-accent:var(--cyan);--company-accent-soft:rgba(73,213,255,0.16);--company-accent-glow:rgba(73,213,255,0.32);--company-accent-strong:var(--cyan)}.admin-sidebar .brand-mark,.brand-mark.small,.side-logo .brand-mark{background:linear-gradient(135deg,var(--company-accent,var(--cyan)),rgba(255,255,255,.78)),#121b2c;box-shadow:0 0 32px var(--company-accent-glow,rgba(73,213,255,.28))}.admin-sidebar nav a.active{color:#06131f;background:linear-gradient(135deg,var(--company-accent,var(--cyan)),rgba(255,255,255,.76));box-shadow:0 12px 28px var(--company-accent-glow,rgba(73,213,255,.22))}.admin-sidebar nav a:hover{border-color:var(--company-accent,var(--cyan));box-shadow:0 0 18px var(--company-accent-glow,rgba(73,213,255,.2))}.full-button,.primary-button,.small-button{background:linear-gradient(135deg,var(--company-accent,var(--cyan)),rgba(255,255,255,.72));box-shadow:0 14px 32px var(--company-accent-glow,rgba(73,213,255,.18))}.eyebrow{color:var(--company-accent,var(--cyan))}.metrics-card strong,.status-text.green{color:var(--company-accent,var(--green))}.metrics-card:hover,.search-panel:hover,.status-panel:hover,.table-panel:hover,.ticket-card:hover{border-color:var(--company-accent,var(--cyan));box-shadow:0 0 32px var(--company-accent-glow,rgba(73,213,255,.14))}.status-pill.cyan,.status-pill.green{border-color:var(--company-accent,var(--cyan))}.status-pill.green{background:linear-gradient(135deg,var(--company-accent-soft,rgba(73,213,255,.16)),rgba(255,255,255,.04));color:var(--company-accent,var(--cyan))}.input-field:focus,.textarea-field:focus{border-color:var(--company-accent,var(--cyan));box-shadow:0 0 0 3px var(--company-accent-soft,rgba(73,213,255,.16))}.table-head{border-color:var(--company-accent-soft,rgba(73,213,255,.16))}a.primary-button,button.primary-button{color:#06131f}