.lp{--lp-primary: #2563eb;--lp-accent: #0ea5e9;min-height:100vh;color:#0f1729;background:#0b1221;overflow-x:clip}.lp-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:14px 28px;background:#0b1221b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.lp-nav .logo{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff1;border:1px solid #fff2;padding:3px}.lp-nav .nm{font-weight:900;font-size:17px;color:#fff;letter-spacing:.2px}.lp-nav .spacer{flex:1}.lp-nav button{height:42px;padding:0 18px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;border:1px solid transparent;transition:filter .15s,transform .05s}.lp-nav button:active{transform:translateY(1px)}.lp-nav .ghost{background:transparent;border-color:#ffffff2e;color:#e6ecf5}.lp-nav .ghost:hover{background:#ffffff14}.lp-nav .solid{background:var(--lp-primary);color:#fff}.lp-nav .solid:hover{filter:brightness(1.08)}.lp-hero{position:relative;min-height:78vh;display:grid;align-items:center;padding:64px 28px 80px;isolation:isolate;overflow:hidden}.lp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.lp-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease-in-out;will-change:opacity}.lp-hero-slide.on{opacity:1;animation:lp-kenburns 8s ease-out forwards}@keyframes lp-kenburns{0%{transform:scale(1.12)}to{transform:scale(1)}}.lp-hero-dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.lp-hero-dots span{width:9px;height:9px;border-radius:999px;background:#fff6;cursor:pointer;transition:background .2s,width .2s}.lp-hero-dots span.on{background:#fff;width:26px}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,#080e1ceb,#080e1cb8 42%,#080e1c47),radial-gradient(900px 480px at 85% 110%,rgba(14,165,233,.35),transparent 60%)}.lp-hero-inner{max-width:1080px;margin:0 auto;width:100%}.lp-hero .badge-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid #ffffff2e;color:#cfe0ff;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;margin-bottom:20px}.lp-hero h1{margin:0 0 16px;color:#fff;font-weight:900;letter-spacing:-.5px;font-size:clamp(32px,5vw,56px);line-height:1.05;max-width:800px;text-shadow:0 2px 30px rgba(0,0,0,.4)}.lp-hero p.sub{margin:0 0 30px;color:#cfd8e8;font-size:clamp(16px,2vw,20px);max-width:620px;line-height:1.5}.lp-hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}.lp-btn{height:56px;padding:0 28px;border-radius:13px;font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;transition:filter .15s,transform .05s,box-shadow .2s}.lp-btn:active{transform:translateY(1px)}.lp-btn.primary{background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff;box-shadow:0 14px 36px #2563eb73}.lp-btn.primary:hover{filter:brightness(1.07)}.lp-btn.outline{background:#ffffff10;border-color:#fff3;color:#fff}.lp-btn.outline:hover{background:#ffffff1f}.lp-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#aebcd2;font-size:13px;font-weight:600}.lp-trust span{display:inline-flex;align-items:center;gap:7px}.lp-trust svg{color:#34d399}.lp-section{background:#f4f6fb;padding:76px 28px}.lp-section.alt{background:#fff}.lp-section .wrap{max-width:1080px;margin:0 auto}.lp-section h2{text-align:center;font-size:clamp(26px,3.4vw,38px);font-weight:900;margin:0 0 8px;color:#0f1729}.lp-section .lead{text-align:center;color:#5a6679;font-size:17px;margin:0 auto 44px;max-width:560px}.lp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.lp-feat{background:#fff;border:1px solid #e7eaf2;border-radius:18px;padding:26px;box-shadow:0 8px 24px #141e3c0d;transition:transform .15s,box-shadow .2s}.lp-feat:hover{transform:translateY(-4px);box-shadow:0 16px 40px #141e3c1a}.lp-feat .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff}.lp-feat h3{margin:0 0 6px;font-size:18px;font-weight:800}.lp-feat p{margin:0;color:#5a6679;font-size:14px;line-height:1.55}.lp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;align-items:stretch}.lp-plan{position:relative;background:#fff;border:1.5px solid #e7eaf2;border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .2s,border-color .2s}.lp-plan:hover{transform:translateY(-4px);box-shadow:0 18px 44px #141e3c1a}.lp-plan.highlight{border-color:var(--lp-primary);box-shadow:0 18px 50px #2563eb33}.lp-plan .pop{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff;font-size:12px;font-weight:800;padding:5px 14px;border-radius:999px;white-space:nowrap}.lp-plan .pname{font-size:20px;font-weight:900}.lp-plan .ptag{color:#5a6679;font-size:13px;margin:2px 0 18px;min-height:18px}.lp-plan .price{font-size:34px;font-weight:900;color:#0f1729;line-height:1}.lp-plan .price small{font-size:15px;font-weight:700;color:#8a96a8}.lp-plan .price.neg{font-size:24px}.lp-plan ul{list-style:none;padding:0;margin:22px 0;display:flex;flex-direction:column;gap:11px;flex:1}.lp-plan li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:#2b3648}.lp-plan li svg{color:#16a34a;flex:none;margin-top:1px}.lp-plan .pick{height:50px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;width:100%;border:1px solid var(--lp-primary);background:#fff;color:var(--lp-primary);transition:all .15s}.lp-plan .pick:hover{background:var(--lp-primary);color:#fff}.lp-plan.highlight .pick{background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff;border-color:transparent}.lp-plan.highlight .pick:hover{filter:brightness(1.08)}.lp-ads{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lp-ad{position:relative;min-height:180px;border-radius:18px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(135deg,#1e293b,#0f172a);background-size:cover;background-position:center}.lp-ad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000b8,#00000026);z-index:0}.lp-ad>*{position:relative;z-index:1}.lp-ad h4{margin:0 0 6px;font-size:19px;font-weight:800}.lp-ad p{margin:0 0 12px;font-size:14px;opacity:.92}.lp-ad a{align-self:flex-start;background:#fff;color:#0f1729;font-weight:800;font-size:13px;padding:8px 14px;border-radius:9px;text-decoration:none}.lp-footer{background:#0b1221;color:#aebcd2;padding:40px 28px;text-align:center;font-size:14px}.lp-footer .contacts{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.lp-footer a{color:#cfe0ff;text-decoration:none}.lp-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b3;display:grid;place-items:center;z-index:100;padding:20px;overflow:auto}.lp-modal{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px #00000080}.lp-modal h3{margin:0 0 4px;font-size:22px;font-weight:900;color:#0f1729}.lp-modal .msub{color:#5a6679;font-size:14px;margin:0 0 20px}.lp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.lp-field label{font-size:13px;font-weight:700;color:#2b3648}.lp-field input,.lp-field select{height:48px;border-radius:11px;border:1px solid #d7dce7;padding:0 14px;font-size:15px;color:#0f1729;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.lp-field input:focus,.lp-field select:focus{border-color:var(--lp-primary);box-shadow:0 0 0 3px #2563eb26}.lp-modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.lp-modal .x{float:right;background:none;border:none;font-size:22px;cursor:pointer;color:#8a96a8;line-height:1}.lp-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:14px;font-size:14px}.lp-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:11px;padding:11px 14px;font-size:14px;margin-bottom:14px}.lp-credlabel{font-size:12px;color:#5a6679}.lp-cred{font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:16px;color:#0f1729;background:#f4f6fb;border:1px dashed #cbd3e1;border-radius:9px;padding:8px 10px;-webkit-user-select:all;user-select:all}@media (max-width: 640px){.lp-modal .grid2{grid-template-columns:1fr}.lp-hero{min-height:68vh;padding:56px 16px}.lp-nav{gap:8px}.lp-nav .nm{font-size:15px}.lp-nav button{padding:8px 12px;font-size:13px}.lp-trust{gap:14px}}:root{--bg: #080d1a;--bg-2: #0c1426;--surface: #111a2e;--surface-2: #18233c;--border: #233149;--border-soft: rgba(255, 255, 255, .06);--primary: #3b82f6;--primary-700: #2563eb;--primary-soft: rgba(59, 130, 246, .16);--accent: #06b6d4;--accent-2: #7c3aed;--grad-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-accent: linear-gradient(120deg, #22d3ee 0%, #3b82f6 55%, #7c3aed 120%);--text: #eaf0fa;--muted: #93a3c0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--violet: #a855f7;--radius: 16px;--radius-sm: 11px;--shadow: 0 18px 44px -16px rgba(0, 0, 0, .55);--shadow-sm: 0 6px 18px -8px rgba(0, 0, 0, .5);--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", var(--font);--glass: rgba(12, 20, 38, .6);--app-bg: radial-gradient(1200px 620px at 100% -8%, rgba(124, 58, 237, .1), transparent 55%), radial-gradient(1000px 560px at -6% 0%, rgba(6, 182, 212, .1), transparent 52%), var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--app-bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,.kpi-value,.topbar h1,.content-head h2,.sidebar .brand .nm,.login .brand h1,.modal .mh h3{font-family:var(--font-display);letter-spacing:-.015em}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}::selection{background:#3b82f659}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#34456a;background-clip:padding-box}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.wrapcols{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 17px;border-radius:12px;font-size:14px;font-weight:700;background:var(--grad-primary);color:#fff;white-space:nowrap;box-shadow:0 8px 20px -10px var(--primary);transition:filter .15s,transform .06s,box-shadow .15s,opacity .15s}.btn:hover{filter:brightness(1.08);box-shadow:0 12px 26px -10px var(--primary)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.sm{height:36px;padding:0 13px;font-size:13px;border-radius:10px;box-shadow:none}.btn.lg{height:52px;font-size:15px;border-radius:13px}.btn.block{width:100%}.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.ghost:hover{background:var(--surface-2);filter:none}.btn.success{background:var(--success);box-shadow:0 8px 20px -10px var(--success)}.btn.danger{background:var(--danger);box-shadow:0 8px 20px -10px var(--danger)}.btn.warn{background:var(--warning);color:#20160a;box-shadow:0 8px 20px -10px var(--warning)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600;color:var(--muted)}.field input,.field textarea,.field select{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:12px 13px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}.field input::placeholder,.field textarea::placeholder{color:#5f6f8c}.field textarea{min-height:84px;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.switch{position:relative;width:48px;height:28px;flex:none;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch .tk{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .15s}.switch .th{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;transition:transform .18s;box-shadow:0 2px 5px #00000059}.switch input:checked+.tk{background:var(--primary)}.switch input:checked+.tk+.th{transform:translate(20px)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.chip{padding:7px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--text);border-color:#34456a}.chip.active{background:var(--grad-primary);border-color:transparent;color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid}.badge .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.banner{display:flex;gap:10px;align-items:center;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;border:1px solid var(--border);background:var(--surface-2)}.banner.danger{background:#ef444421;border-color:#ef444466;color:#fecaca}.banner.success{background:#10b98121;border-color:#10b98166;color:#a7f3d0}.banner.info{background:var(--primary-soft);border-color:#3b82f666;color:#bfdbfe}.card{background:linear-gradient(180deg,#ffffff06,#fff0 42%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px}.card h3{margin:0 0 14px;font-size:16px;font-weight:700}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border-soft)}.list-row:first-child{border-top:none}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}.kv .k{color:var(--muted)}.kv .v{font-weight:600;text-align:right}.admin{display:flex;height:100vh}.sidebar{width:252px;flex:none;background:linear-gradient(180deg,var(--bg-2),var(--bg) 120%);border-right:1px solid var(--border-soft);display:flex;flex-direction:column}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px}.sidebar .brand img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:var(--surface-2);border:1px solid var(--border);padding:3px}.sidebar .brand .nm{font-weight:800;font-size:15px;line-height:1.1}.sidebar .brand .tg{font-size:11px;color:var(--muted)}.nav{padding:8px;display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto}.nav button{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:600;text-align:left;transition:background .15s,color .15s}.nav button:hover{background:var(--surface);color:var(--text)}.nav button.active{background:var(--grad-primary);color:#fff;box-shadow:0 10px 22px -12px var(--primary)}.sidebar .sig{padding:14px 16px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--muted);line-height:1.5}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-soft);background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);position:sticky;top:0;z-index:30}.topbar h1{margin:0;font-size:20px;font-weight:800}.topbar .who{text-align:right;line-height:1.2}.topbar .who .nm{font-size:13px;font-weight:700}.topbar .who .rl{font-size:11px;color:var(--muted)}.icon-btn{width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);display:grid;place-items:center;transition:background .15s,border-color .15s}.icon-btn:hover{background:var(--surface-2);border-color:#34456a}.content{flex:1;overflow:auto;padding:24px}.menu-toggle{display:none;width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center;color:var(--text);border:1px solid var(--border);background:var(--surface);flex:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}@media (max-width: 900px){.admin{height:100dvh}.menu-toggle{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:84vw;max-width:300px;transform:translate(-100%);transition:transform .25s ease;z-index:100}.sidebar.open{transform:translate(0);box-shadow:0 0 60px #0009}.topbar{padding:12px 14px}.topbar h1{font-size:17px}.topbar .who .nm{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:16px 14px}}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}.list-row{flex-wrap:wrap}.list-row .row{flex-wrap:wrap;width:100%;justify-content:flex-start;gap:8px}.list-row .row .btn{flex:1 1 auto;min-width:104px}.list-row>div:first-child{flex-basis:65%;min-width:60%}.ptable.stack{min-width:0}.ptable.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ptable.stack tbody tr{display:block;border:1px solid var(--border);border-radius:12px;padding:4px 12px;margin-bottom:10px;background:var(--surface)}.ptable.stack tbody td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;text-align:right;border:none}.ptable.stack tbody td+td{border-top:1px solid var(--border-soft)}.ptable.stack tbody td:before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:12px;text-align:left;white-space:nowrap}.ptable.stack tbody td:not([data-label]):before{content:none}.ptable.stack tbody td.actions{justify-content:flex-end;flex-wrap:wrap;gap:8px}.ptable.stack tbody td.actions .btn{flex:1 1 auto;min-width:96px}.ptable.stack tfoot{display:block}.ptable.stack tfoot td{display:flex;justify-content:space-between;border:none}.mono,.lp-cred{overflow-wrap:anywhere;word-break:break-word}}@media (max-width: 560px){.topbar .who{display:none}.content-head h2{font-size:17px}.ptable{font-size:12.5px}.ptable th,.ptable td{padding:7px 5px}.card{overflow-x:auto;padding:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.seg button{padding:8px 6px;font-size:12px}}.content-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.content-head h2{margin:0;font-size:19px;font-weight:800}.seg{display:flex;gap:4px;padding:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:13px}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:9px;font-size:13px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.on{background:var(--grad-primary);color:#fff;box-shadow:0 8px 18px -10px var(--primary)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .2s,border-color .15s}.pcard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -18px #0009;border-color:#34456a}.pcard .thumb{height:124px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);overflow:hidden}.pcard .thumb img{width:100%;height:100%;object-fit:cover}.pcard .pinfo{padding:12px 13px;display:flex;flex-direction:column;gap:6px;flex:1}.pcard .pname{font-weight:700;font-size:14px;line-height:1.25}.pcard .pcode{font-size:12px;color:var(--muted)}.pcard .pfoot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.pcard .pprice{font-weight:800}.pill{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill.off{color:#fca5a5;border-color:#ef444466}.pill.on{color:#6ee7b7;border-color:#10b98166}.swatch{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);flex:none;padding:0;cursor:pointer}.login{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:safe center;align-items:center;overflow-y:auto;padding:clamp(6px,1.6vh,24px) 18px;background:radial-gradient(900px 480px at 15% -10%,rgba(59,130,246,.2),transparent 60%),radial-gradient(700px 460px at 100% 110%,rgba(124,58,237,.18),transparent 55%),linear-gradient(160deg,#0a1020,#0c1426 55%,#080d1a)}.login .box{width:100%;max-width:410px;margin:auto}.login .brand{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(6px,2vh,22px)}.login .brand img{width:clamp(36px,7.5vh,76px);height:clamp(36px,7.5vh,76px);border-radius:clamp(11px,2vh,20px);object-fit:contain;background:var(--surface-2);border:1px solid var(--border);padding:clamp(3px,.9vh,8px);margin-bottom:clamp(4px,1.2vh,12px);box-shadow:var(--shadow)}.login .brand h1{margin:0;font-size:clamp(16px,2.8vh,23px);font-weight:900;line-height:1.1}.login .brand .tg{color:var(--muted);font-size:clamp(11px,1.6vh,13px);margin-top:2px}.login .card{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),var(--surface);box-shadow:var(--shadow);padding:clamp(11px,2.2vh,20px)}.login .card .seg{margin-bottom:clamp(7px,1.6vh,16px)!important}.login .seg button{padding:clamp(6px,1.3vh,10px)}.login .field{margin-bottom:clamp(4px,1.1vh,14px);gap:clamp(2px,.6vh,6px)}.login .field>label{font-size:clamp(11px,1.5vh,13px)}.login .field input{padding:clamp(7px,1.3vh,12px) 13px}.login .kbd-toggle{margin:clamp(7px,1.3vh,14px) 0;padding:clamp(7px,1.2vh,11px) 12px}.login .btn.lg{height:clamp(40px,6.4vh,52px)}.login .box>p{margin-top:clamp(7px,1.2vh,14px)!important}@media (max-width: 560px){.login .kbd-toggle{display:none}}@media (max-height: 640px){.login .brand .tg,.login .kbd-toggle .hint{display:none}.login .box>p:last-child{display:none}}@media (max-height: 500px){.login .kbd-toggle{display:none}.login .box>p{display:none}}@media (max-height: 460px) and (min-width: 520px){.login .card{display:flex;flex-wrap:wrap;gap:0 12px;align-items:flex-start}.login .card>*{flex:1 1 100%}.login .card .field{flex:1 1 calc(50% - 6px)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;display:grid;place-items:center;padding:18px}.modal{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:540px;max-height:92vh;overflow:auto;box-shadow:0 40px 90px -24px #000000bf}.modal .mh{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal .mh h3{margin:0;font-size:17px;font-weight:700}.modal .mb{padding:20px}.cap-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty svg{opacity:.5;margin-bottom:8px}.loading{text-align:center;color:var(--muted);padding:48px}.mono{font-family:ui-monospace,Menlo,monospace}.secret-box{background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:15px}.kbd-overlay{position:fixed;left:0;right:0;bottom:0;z-index:200;pointer-events:none}.kbd{pointer-events:auto;background:var(--surface-2);border-top:1px solid var(--border);padding:8px 8px 12px;box-shadow:0 -12px 30px #00000073;max-width:900px;margin:0 auto;border-radius:16px 16px 0 0}.kbd-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 6px}.kbd-bar .lbl{color:var(--muted);font-size:12px;font-weight:700}.kbd-bar .acts{display:flex;gap:14px;align-items:center}.kbd-bar .acts button{color:var(--muted);font-size:13px;font-weight:700}.kbd-row{display:flex;gap:6px;margin-top:6px}.key{flex:1;height:50px;border-radius:9px;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:18px;font-weight:600;display:grid;place-items:center;transition:background .08s,transform .04s}.key:hover{background:var(--surface-2)}.key:active{transform:translateY(1px);background:var(--primary-soft)}.key.action{background:var(--bg)}.key.accent{background:var(--grad-primary);border-color:transparent;color:#fff}.key.wide-15{flex:1.5}.key.wide-16{flex:1.6}.key.wide-4{flex:4}.kbd-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}.kbd-toggle .meta{display:flex;align-items:center;gap:10px}.kbd-toggle .ttl{font-size:13px;font-weight:700}.kbd-toggle .hint{font-size:11px;color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--success);display:inline-block;box-shadow:0 0 #10b98199;animation:live-pulse 2s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.kpi-card{background:linear-gradient(180deg,#ffffff08,#fff0 46%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-28px;top:-28px;width:120px;height:120px;border-radius:999px;opacity:.16;background:var(--primary);filter:blur(8px)}.kpi-card.success:after{background:var(--success)}.kpi-card.warning:after{background:var(--warning)}.kpi-card.violet:after{background:var(--violet)}.kpi-card.danger:after{background:var(--danger)}.kpi-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--grad-primary);margin-bottom:12px;box-shadow:0 8px 18px -8px var(--primary)}.kpi-card.success .kpi-ic{background:var(--success);box-shadow:0 8px 18px -8px var(--success)}.kpi-card.warning .kpi-ic{background:var(--warning);box-shadow:0 8px 18px -8px var(--warning)}.kpi-card.violet .kpi-ic{background:var(--violet);box-shadow:0 8px 18px -8px var(--violet)}.kpi-card.danger .kpi-ic{background:var(--danger);box-shadow:0 8px 18px -8px var(--danger)}.minilist{display:flex;flex-direction:column;gap:8px}.minirow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.minirow .mr-main{flex:1;min-width:0}.minirow .mr-title{font-weight:600;font-size:14px}.minirow .mr-sub{font-size:12px;color:var(--muted)}.minirow .mr-val{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.minirow.l-warning{border-left:3px solid var(--warning)}.minirow.l-danger{border-left:3px solid var(--danger)}.minirow.l-info{border-left:3px solid var(--primary)}.chart-tip{display:inline-flex;gap:14px;align-items:baseline;margin-top:8px;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:13px}.chart-tip strong{font-size:13px}.chart-tip span{font-variant-numeric:tabular-nums;color:var(--muted)}.shadow-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:9px 16px;background:linear-gradient(90deg,var(--warning),var(--danger));color:#20160a;font-weight:700;font-size:13px}.shadow-bar .btn{margin-left:auto}.kpi-label{font-size:13px;color:var(--muted);font-weight:600}.kpi-value{font-size:28px;font-weight:800;margin:2px 0;letter-spacing:-.02em}.kpi-sub{font-size:12px;color:var(--muted)}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding:10px 0 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar-stack{width:70%;min-height:3px;border-radius:6px 6px 0 0;overflow:hidden;display:flex;flex-direction:column;transition:height .4s}.bar-seg{width:100%}.bar-seg.comp{background:var(--primary)}.bar-seg.subs{background:var(--success)}.bar-x{font-size:10px;color:var(--muted)}.legend-row{display:flex;gap:18px;margin-top:10px;font-size:12px;color:var(--muted)}.legend-row .dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px}.legend-row .dot.comp{background:var(--primary)}.legend-row .dot.subs{background:var(--success)}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 820px){.cols-2{grid-template-columns:1fr}}.profit-bars{width:80%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.profit-bars .pb{width:6px;border-radius:3px 3px 0 0;min-height:2px;transition:height .4s}.profit-bars .pb.sales{background:var(--primary)}.profit-bars .pb.cost{background:var(--warning)}.profit-bars .pb.profit{background:var(--success)}.ptable{width:100%;border-collapse:collapse;font-size:14px}.ptable th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:8px 6px;border-bottom:1px solid var(--border)}.ptable td{padding:9px 6px;border-bottom:1px solid var(--border-soft)}.ptable tbody tr{transition:background .12s}.ptable tbody tr:hover{background:#ffffff05}.ptable th:not(:first-child),.ptable td:not(:first-child){text-align:right;white-space:nowrap}.ptable tfoot td{border-top:2px solid var(--border);border-bottom:none}.catbars{display:flex;flex-direction:column;gap:9px}.catbar{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;font-size:13px}.catbar-name{color:var(--muted)}.catbar-track{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}.catbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--warning),var(--danger));min-width:3px;transition:width .4s}.catbar-val{white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 640px){.catbar{grid-template-columns:84px 1fr}.catbar-val{grid-column:2;text-align:right}}.print-only{display:none}@media print{body{background:#fff!important}.no-print,.sidebar,.topbar{display:none!important}.print-only{display:block}.print-header{margin-bottom:16px;color:#000}body,.admin,.main,.content{background:#fff!important;color:#000!important}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.kpi-card{border:1px solid #ccc}.kpi-value,.kpi-label,.kpi-sub,.ptable td,.ptable th,h2,h3{color:#000!important}}[data-theme=grafite]{--bg: #0c0e13;--bg-2: #12151c;--surface: #171b24;--surface-2: #1f2530;--border: #2b313d;--primary: #5b95ff;--primary-700: #3b6fe0;--primary-soft: rgba(91,149,255,.16);--grad-primary: linear-gradient(135deg, #6ba0ff, #3b6fe0);--glass: rgba(18,21,28,.62);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(91,149,255,.1), transparent 55%), var(--bg)}[data-theme=oceano]{--bg: #07151b;--bg-2: #0a1f28;--surface: #0e2832;--surface-2: #133845;--border: #1d4452;--primary: #06b6d4;--primary-700: #0891b2;--primary-soft: rgba(6,182,212,.18);--accent: #14b8a6;--grad-primary: linear-gradient(135deg, #22d3ee, #0891b2);--glass: rgba(10,31,40,.64);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(34,211,238,.12), transparent 55%), radial-gradient(900px 520px at -6% 0%, rgba(20,184,166,.1), transparent 52%), var(--bg)}[data-theme=violeta]{--bg: #0d0a1a;--bg-2: #140f26;--surface: #1a1430;--surface-2: #241b40;--border: #342a54;--primary: #8b5cf6;--primary-700: #7c3aed;--primary-soft: rgba(139,92,246,.18);--accent: #d946ef;--grad-primary: linear-gradient(135deg, #a78bfa, #7c3aed);--glass: rgba(20,15,38,.64);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(167,139,250,.14), transparent 55%), radial-gradient(900px 520px at -6% 0%, rgba(217,70,239,.1), transparent 52%), var(--bg)}[data-theme=esmeralda]{--bg: #07140f;--bg-2: #0a1f17;--surface: #0e271d;--surface-2: #143728;--border: #1d4836;--primary: #10b981;--primary-700: #059669;--primary-soft: rgba(16,185,129,.18);--accent: #22c55e;--grad-primary: linear-gradient(135deg, #34d399, #059669);--glass: rgba(10,31,23,.64);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(52,211,153,.12), transparent 55%), var(--bg)}[data-theme=indigo]{--bg: #0a0c1c;--bg-2: #0f1228;--surface: #141934;--surface-2: #1d2347;--border: #2b3360;--primary: #6366f1;--primary-700: #4f46e5;--primary-soft: rgba(99,102,241,.18);--accent: #a855f7;--grad-primary: linear-gradient(135deg, #818cf8, #4f46e5);--glass: rgba(15,18,40,.64);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(129,140,248,.12), transparent 55%), radial-gradient(900px 520px at -6% 0%, rgba(168,85,247,.1), transparent 52%), var(--bg)}[data-theme=neon]{--bg: #060713;--bg-2: #0b0c1e;--surface: #0f1128;--surface-2: #181b3c;--border: #2e2566;--border-soft: rgba(168,85,247,.14);--primary: #5b8cff;--primary-700: #7c3aed;--primary-soft: rgba(124,77,255,.22);--accent: #22d3ee;--accent-2: #ec4899;--violet: #c084fc;--grad-primary: linear-gradient(120deg, #22d3ee 0%, #4f7cff 38%, #a855f7 72%, #ec4899 100%);--grad-accent: linear-gradient(120deg, #22d3ee, #a855f7 55%, #ec4899);--glass: rgba(11,12,30,.66);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(236,72,153,.2), transparent 55%), radial-gradient(950px 560px at -6% 0%, rgba(34,211,238,.16), transparent 52%), radial-gradient(900px 620px at 50% 122%, rgba(124,77,255,.22), transparent 55%), var(--bg)}[data-theme=neon] .card{border-color:#7c4dff42;box-shadow:0 0 0 1px #7c4dff14,0 22px 54px -24px #a855f773}[data-theme=neon] .btn{box-shadow:0 8px 24px -8px #7c4dff9e}[data-theme=neon] .nav button.active{box-shadow:0 0 24px -6px #7c4dffcc}[data-theme=neon] .seg button.on{box-shadow:0 6px 20px -6px #a855f7b3}[data-theme=neon] .login .card{border:1px solid rgba(124,77,255,.34);box-shadow:0 0 0 1px #7c4dff1a,0 26px 64px -26px #a855f78c}[data-theme=neon] .kpi-value,[data-theme=neon] .topbar h1{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=claro]{--bg: #eef1f7;--bg-2: #e8ecf4;--surface: #ffffff;--surface-2: #f4f6fb;--border: #e1e6f0;--border-soft: rgba(20,30,60,.08);--primary: #2563eb;--primary-700: #1d4ed8;--primary-soft: rgba(37,99,235,.14);--accent: #0ea5e9;--text: #131a2b;--muted: #5a6679;--shadow: 0 18px 40px -20px rgba(20,30,60,.22);--shadow-sm: 0 6px 16px -8px rgba(20,30,60,.14);--glass: rgba(255,255,255,.78);--app-bg: radial-gradient(1100px 600px at 100% -8%, rgba(37,99,235,.08), transparent 55%), radial-gradient(900px 520px at -6% 0%, rgba(14,165,233,.07), transparent 52%), var(--bg)}[data-theme=claro] .banner{background:var(--surface-2);border-color:var(--border)}[data-theme=claro] .banner.danger{background:#fdeced;border-color:#f6c6c9;color:#b42318}[data-theme=claro] .banner.success{background:#e8f6ef;border-color:#bfe6d0;color:#15803d}[data-theme=claro] .banner.info{background:#eaf1fe;border-color:#c7dbfb;color:#1d4ed8}[data-theme=claro] .pill.on{color:#15803d;border-color:#bfe6d0}[data-theme=claro] .pill.off{color:#b42318;border-color:#f6c6c9}[data-theme=claro] .ptable tbody tr:hover{background:#141e3c08}[data-theme=claro] ::-webkit-scrollbar-thumb{background:#cdd5e3}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:206px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:6px}.theme-menu-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:7px 9px 4px}.theme-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:10px;color:var(--text);font-size:14px;font-weight:600;text-align:left;transition:background .12s}.theme-opt:hover{background:var(--surface-2)}.theme-opt.on{background:var(--primary-soft)}.theme-opt .sw{width:18px;height:18px;border-radius:6px;flex:none;box-shadow:inset 0 0 0 1px #fff3}.theme-opt .lbl{flex:1}.theme-opt .ck{color:var(--primary);font-weight:800}@media (min-width: 1700px){.content{max-width:1640px;margin-inline:auto;width:100%}}@media (max-width: 820px){.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.ptable{min-width:560px}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-anim{animation:page-in .26s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion: reduce){.page-anim{animation:none}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:focus-visible,.nav button:focus-visible,.chip:focus-visible,.seg button:focus-visible{outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading:before{content:"";display:inline-block;width:15px;height:15px;margin-right:9px;vertical-align:-2px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:999px;animation:spin .7s linear infinite}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sk{height:14px;border-radius:7px;margin:10px 0}.sk.w40{width:40%}.sk.w60{width:60%}.sk.w80{width:80%}.sk.tall{height:90px}.list-row{transition:background .12s}.list-row[style*="cursor: pointer"]:hover{background:#ffffff06}