:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1120;color:#e5e7eb}:root[data-theme=light]{color-scheme:light;background:#f1f5f9;color:#0f172a}body[data-theme=light],:root[data-theme=light] body{background:#f1f5f9;color:#0f172a}:root[data-theme=light] .app-shell{background:#f1f5f9}:root[data-theme=light] .sidebar{background:#fff;border-right-color:#0f172a26}:root[data-theme=light] .brand{color:#0f172a}:root[data-theme=light] .menu-button,:root[data-theme=light] .theme-toggle-button{color:#0f172a}:root[data-theme=light] .menu-button.active{color:#fff}:root[data-theme=light] .content{background:#f1f5f9}:root[data-theme=light] input,:root[data-theme=light] select{background:#fff;color:#0f172a;border-color:#cbd5e1}:root[data-theme=light] button{color:#fff}:root[data-theme=light] .panel,:root[data-theme=light] .stat-card,:root[data-theme=light] .system-tile,:root[data-theme=light] .traffic-tile,:root[data-theme=light] .tenant-pool strong,:root[data-theme=light] .table-panel,:root[data-theme=light] .form-panel{background:#fff;border-color:#0f172a1f}:root[data-theme=light] .panel,:root[data-theme=light] h2,:root[data-theme=light] h1,:root[data-theme=light] .panel-heading h2,:root[data-theme=light] .mini-stat span,:root[data-theme=light] .mini-stat strong{color:#0f172a}:root[data-theme=light] .mini-stat{background:#f8fafc;border:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .mini-stat span{color:#475569}:root[data-theme=light] .mini-stat strong{color:#0f172a}:root[data-theme=light] .upgrade-modal,:root[data-theme=light] .upgrade-plan-card,:root[data-theme=light] .icon-button{background:#fff;color:#0f172a}:root[data-theme=light] .tenant-plan-box strong,:root[data-theme=light] .upgrade-plan-top strong,:root[data-theme=light] .upgrade-modal-header h2{color:#0f172a}:root[data-theme=light] .upgrade-plan-card li{color:#334155}:root[data-theme=light] .tenant-plan-box{background:#facc1524}:root[data-theme=light] .business-hologram{color:#172554;box-shadow:inset 0 0 0 1px #0ea5e93d,0 12px 26px #0ea5e924}:root[data-theme=light] .pro-hologram{color:#0f172a;box-shadow:inset 0 0 0 1px #6366f138,0 10px 24px #6366f11f}:root[data-theme=light] .voucher-limit-box strong{color:#0f172a}:root[data-theme=light] .voucher-limit-box small{color:#475569}:root[data-theme=light] .generate-form-only .stack-form>label,:root[data-theme=light] .stack-form label{color:#0f172a}:root[data-theme=light] .checkbox-card{color:#0f172a}:root[data-theme=light] .checkbox-card span{color:#0f172a}:root[data-theme=light] .upgrade-invoice-box strong{color:#0f172a}:root[data-theme=light] .upgrade-invoice-box small{color:#475569}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62;filter:grayscale(.35)}.public-login-screen{position:relative;min-height:100vh;overflow:hidden;background:#fafbff}.public-landing-frame{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fafbff}.floating-login-panel{position:fixed;top:18px;right:24px;z-index:5;width:min(330px,calc(100vw - 32px));display:grid;gap:10px;padding:16px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#0f172af0;box-shadow:0 18px 50px #0f172a42;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-login-panel .login-logo{font-size:22px}.floating-login-panel label{font-size:13px}.floating-login-panel input,.floating-login-panel button{min-height:38px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#1e3a8a 0,#0b1120 45%,#020617)}.login-panel{width:min(100%,390px);display:grid;gap:14px;padding:28px;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0f172aeb;box-shadow:0 24px 80px #00000059}.required-password-panel{width:min(100%,430px)}.login-logo{text-align:center;font-size:34px;font-weight:800;color:#facc15}.login-subtitle{margin-bottom:10px;text-align:center;color:#93c5fd}label{display:grid;gap:7px;color:#cbd5e1}input,select{min-height:42px;border:1px solid #334155;border-radius:8px;padding:0 12px;background:#0f172a;color:#f8fafc}.password-field{position:relative;display:block;width:100%}.password-field input{width:100%;padding-right:46px}.password-eye-button{position:absolute;top:50%;right:6px;width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:0;color:#94a3b8;border:0;border-radius:7px;background:transparent;box-shadow:none;transform:translateY(-50%)}.password-eye-button:hover,.password-eye-button:focus{color:#f8fafc;background:#94a3b829;outline:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{min-height:42px;border:0;border-radius:8px;padding:0 14px;color:#fff;background:#0ea5e9;font-weight:700}.error-box,.success-box{border-radius:8px;padding:10px 12px}.warning-box{border-radius:8px;padding:10px 12px;background:#f59e0b29;color:#fde68a;line-height:1.5}.secondary-action-button{background:#1e293b;color:#e2e8f0;box-shadow:none}.danger-action-button{background:#dc2626;color:#fff}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:#020617a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{width:min(100%,360px);display:grid;gap:18px;padding:22px;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0f172a;box-shadow:0 24px 72px #0000006b;text-align:center}.confirm-modal h2{margin:0;color:#f8fafc;font-size:1rem;line-height:1.4}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.logo-designer-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:14px;align-items:start}.logo-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.logo-color-swatches button{width:32px;height:32px;min-height:32px;padding:0;border:2px solid rgba(148,163,184,.28);border-radius:999px;box-shadow:none}.logo-color-swatches button.active{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.logo-preview-panel{min-height:280px}.logo-preview-canvas{min-height:190px;display:grid;place-items:center;padding:22px;border:1px dashed rgba(148,163,184,.34);border-radius:8px;background:linear-gradient(45deg,rgba(148,163,184,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.08) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.logo-preview-text{max-width:100%;overflow-wrap:anywhere;text-align:center;font-weight:800;line-height:1.1}.notice-box{margin-bottom:14px}.error-box{background:#dc26262e;color:#fecaca}.success-box{background:#16a34a2e;color:#bbf7d0}.manual-payment-box{align-self:end;border:1px solid rgba(245,158,11,.45);border-radius:8px;background:#f59e0b24;color:var(--text-primary);padding:10px 12px;font-size:12px;line-height:1.45}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 16px;background:#08111f;border-right:1px solid rgba(148,163,184,.16)}.brand{text-align:center}.brand-logo{display:block;max-width:160px;width:100%;height:auto;margin:0 auto}.menu{display:grid;gap:8px}.menu-button,.theme-toggle-button{display:flex;align-items:center;gap:10px;justify-content:flex-start;background:transparent;color:#cbd5e1}.menu-button.active{background:#0ea5e9;color:#fff}.app-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.18)}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:max-content;flex:0 0 auto}.topbar-email,.topbar-clock{display:inline-flex;align-items:center;gap:5px;color:#cbd5e1;font-size:12px;font-weight:700;line-height:1;letter-spacing:0}.topbar-email{min-width:max-content;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.account-menu{position:relative;display:inline-flex;align-items:center}.account-menu-button{min-height:36px;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:0 12px;background:#0f172a6b;cursor:pointer}.account-menu-button:hover,.account-menu-button:focus{border-color:#0ea5e98c;background:#0ea5e91f;outline:0}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:170px;padding:6px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#0f172a;box-shadow:0 18px 46px #00000052}.account-dropdown-item{width:100%;min-height:36px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border-radius:8px;color:#e2e8f0;background:transparent;box-shadow:none}.account-dropdown-item.danger{color:#fecaca}.account-dropdown-item:hover,.account-dropdown-item:focus{background:#f871711f;outline:0}.topbar-email svg{flex:0 0 auto;opacity:.9}.topbar-clock svg{opacity:.9}.topbar-title{margin:0;color:#f8fafc;font-size:1.35rem;line-height:1;font-weight:800;letter-spacing:0}.theme-toggle-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;gap:6px;color:#e2e8f0;border:1px solid rgba(148,163,184,.2);background:transparent;width:36px;min-width:36px;padding:0}.mobile-menu-button,.sidebar-backdrop{display:none}:root[data-theme=light] .theme-toggle-button{color:#fff;background:#0ea5e9;border-color:#0ea5e9}:root[data-theme=light] .theme-toggle-button:hover,:root[data-theme=light] .theme-toggle-button:focus{background:#0284c7}:root[data-theme=light] .app-topbar{border-bottom-color:#0f172a29}:root[data-theme=light] .topbar-email,:root[data-theme=light] .topbar-clock{color:#475569}:root[data-theme=light] .topbar-title{color:#0f172a}:root[data-theme=light] .account-menu-button{background:#fff;border-color:#0f172a24}:root[data-theme=light] .account-dropdown{background:#fff;border-color:#0f172a24;box-shadow:0 18px 46px #0f172a24}:root[data-theme=light] .account-dropdown-item{color:#0f172a}:root[data-theme=light] .account-dropdown-item.danger{color:#dc2626}:root[data-theme=light] .confirm-modal{background:#fff;border-color:#0f172a24;box-shadow:0 24px 72px #0f172a2e}:root[data-theme=light] .confirm-modal h2{color:#0f172a}:root[data-theme=light] .confirm-modal-actions .secondary-action-button{background:#e2e8f0;color:#0f172a;border:1px solid rgba(15,23,42,.12)}:root[data-theme=light] .confirm-modal-actions .danger-action-button{background:#dc2626;color:#fff;border:1px solid #b91c1c;box-shadow:0 10px 22px #dc26263d}:root[data-theme=light] .confirm-modal-actions .danger-action-button:hover,:root[data-theme=light] .confirm-modal-actions .danger-action-button:focus{background:#b91c1c;color:#fff}.content{padding:28px;background:#0f172a}h1{margin:0 0 22px;font-size:30px}h2{margin:0 0 16px;font-size:20px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.page-title-row h1{margin-bottom:4px}.page-title-row p{margin:0;color:#94a3b8}.upgrade-account-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;white-space:nowrap;color:#082f49;background:linear-gradient(135deg,#facc15,#22d3ee);box-shadow:0 16px 36px #0ea5e938}.upgrade-account-button.compact{min-height:36px;padding:0 12px;border-radius:8px;font-size:13px;box-shadow:none}.page-title-divider{height:1px;width:100%;border:0;margin:0 0 12px;background:linear-gradient(90deg,#94a3b80f,#94a3b873,#94a3b80f)}.dashboard-top-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px}.system-tile{min-height:108px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#111c31}.system-tile svg{flex:0 0 auto;color:#38bdf8}.system-tile div{min-width:0;display:grid;gap:4px}.system-tile span,.traffic-tile span,.revenue-card span,.mini-stat span,.system-line span{color:#94a3b8;font-size:13px;font-weight:700}.system-tile strong{font-size:28px;line-height:1}.system-tile small,.revenue-card small{color:#cbd5e1}.traffic-tile{min-height:108px;display:grid;align-content:center;gap:8px;padding:18px;border:1px solid rgba(14,165,233,.22);border-radius:8px;background:#0d1b2f}.traffic-tile svg{color:#22d3ee}.traffic-tile strong{font-size:25px;line-height:1}.revenue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.revenue-grid.superadmin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-metric-grid,.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.tenant-metric{position:relative;min-height:150px;padding:20px;border-radius:10px;border:1px solid rgba(148,163,184,.18);overflow:hidden;color:#07111f;display:flex;flex-direction:column;justify-content:space-between}.tenant-metric--purple{background:linear-gradient(135deg,#818cf8,#7c3aed)}.tenant-metric--green{background:linear-gradient(135deg,#34d399,#10b981)}.tenant-metric--blue{background:#101f3a;color:#f8fafc;border-color:#94a3b866}.tenant-metric--gold{background:linear-gradient(135deg,#f59e0b,#fb7185)}.tenant-metric--pink{background:linear-gradient(135deg,#c4b5fd,#f472b6)}.metric-label{font-size:12px;letter-spacing:.01em;color:#0f172ad9;text-transform:uppercase;font-weight:700}.metric-label--upper{text-transform:uppercase}.tenant-metric .metric-label,.tenant-metric--blue .metric-label{color:#0f172ae0}.tenant-metric--blue .metric-label{color:#e2e8f0}.metric-value{margin-top:4px;font-weight:800;font-size:28px;line-height:1.05;word-break:break-word}.tenant-metric--blue .metric-value--live{font-size:44px;line-height:1}.metric-note{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0f172ab8;font-weight:600}.tenant-metric--blue .metric-note,.tenant-metric--blue .metric-icon{color:#e2e8f0}.metric-icon{position:absolute;right:14px;top:14px;opacity:.95}.metric-icon--solid{right:12px;top:16px;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#ffffff24}.tenant-metric--blue .metric-icon--solid{background:#fff3}.metric-detail-btn{margin-top:10px;display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid rgba(56,189,248,.45);color:#0ea5e9;background:#0ea5e91f;min-height:33px;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.tenant-metric--blue .metric-detail-btn{border-color:#0ea5e9b3}:root[data-theme=light] .metric-detail-btn{color:#0ea5e9;background:#0ea5e92e}.revenue-card{min-height:150px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-radius:8px;color:#07111f;box-shadow:0 18px 40px #0206172e}.client-metric-grid .revenue-card.wide{grid-column:span 2}.client-metric-grid .revenue-card{min-width:0}.revenue-card:after{content:"";position:absolute;top:-42px;right:-32px;width:112px;height:112px;border-radius:999px;background:#ffffff29}.revenue-card div{position:relative;z-index:1;min-width:0;display:grid;gap:9px}.revenue-card svg{position:relative;z-index:1;color:#0f172ac7}.revenue-card span{color:#0f172ab3;text-transform:uppercase}.revenue-card strong{font-size:clamp(26px,3vw,34px);line-height:1.05;word-break:break-word}.revenue-card small{color:#0f172ab8}.revenue-card-action{width:fit-content;border:1px solid rgba(15,23,42,.22);border-radius:8px;padding:6px 12px;color:#0f172a;background:#ffffff59;font-size:12px;font-weight:800}.revenue-card-action:hover:not(:disabled){background:#ffffff8c}.revenue-card-action:disabled{opacity:.65;cursor:not-allowed}.revenue-card.purple{background:linear-gradient(135deg,#818cf8,#7c3aed)}.revenue-card.cyan{background:linear-gradient(135deg,#34d399,#0ea5e9)}.revenue-card.amber{background:linear-gradient(135deg,#fde68a,#fb7185)}.revenue-card.green{background:linear-gradient(135deg,#86efac,#22d3ee)}.revenue-card.rose{background:linear-gradient(135deg,#c4b5fd,#f9a8d4)}.client-online-card{min-height:150px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#111c31;box-shadow:0 18px 40px #02061729}.client-online-card div{display:grid;gap:10px}.client-online-card span{color:#94a3b8;font-size:13px;font-weight:800;text-transform:uppercase}.client-online-card strong{color:#38bdf8;font-size:clamp(38px,5vw,52px);line-height:1}.client-online-card svg{color:#38bdf8}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.9fr);gap:18px}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px}.dashboard-main-grid.single-panel{grid-template-columns:minmax(0,1fr)}.panel-heading.compact{margin-bottom:10px}.panel-heading.with-accent{margin:-20px -20px 12px;padding:14px 20px 12px;border-top:4px solid #0ea5e9}.panel-heading.with-accent h2{display:flex;align-items:center;gap:8px}.activity-list{display:grid;max-height:min(420px,52vh);overflow:auto;padding-right:6px;-webkit-overflow-scrolling:touch}.activity-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.16)}.activity-item:last-child{border-bottom:0}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#bbf7d0;background:#16a34a3d}.activity-item div:nth-child(2){min-width:0;display:grid;gap:3px}.activity-item strong,.activity-item span{overflow:hidden;text-overflow:ellipsis}.activity-item span,.activity-money span{color:#94a3b8;font-size:13px}.activity-money{display:grid;gap:3px;justify-items:end;white-space:nowrap}.license-panel{display:grid;gap:14px;align-self:start}.system-line{display:grid;gap:8px}.system-line>div:first-child{display:flex;justify-content:space-between;gap:12px}.system-line span{display:inline-flex;align-items:center;gap:6px}.system-bar{height:10px;overflow:hidden;border-radius:999px;background:#1e293b}.system-bar i{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(135deg,#0ea5e9 0,#0ea5e9 8px,#22d3ee 8px,#22d3ee 16px)}.system-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:4px}.tenant-info-panel{gap:18px}.tenant-pool{display:grid;gap:6px;padding-top:4px;color:#94a3b8;font-size:13px}.tenant-pool span{font-weight:800;text-transform:uppercase}.tenant-pool strong{color:#e5e7eb;font-size:14px}.tenant-plan-box{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px;border:1px solid rgba(250,204,21,.26);border-radius:8px;background:#facc1514}.tenant-plan-box>div{min-width:0;display:grid;gap:6px}.tenant-plan-box span{color:#facc15;font-size:12px;font-weight:800;text-transform:uppercase}.tenant-plan-box strong{color:#f8fafc;font-size:18px}.tenant-plan-box small{color:#eab308;font-size:12px;font-weight:700}.tenant-plan-box .license-expiry-warning,.tenant-plan-box .license-expiry-danger{color:#f87171}.tenant-plan-box .license-expiry-danger{max-width:460px;font-weight:800;line-height:1.35}.business-hologram{position:relative;isolation:isolate;display:inline-flex;width:fit-content;max-width:100%;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;overflow:hidden;border:1px solid rgba(125,211,252,.36);border-radius:8px;color:#ecfeff;background:linear-gradient(115deg,#0ea5e933,#facc152e 34%,#a855f733 66%,#2dd4bf2e),repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 28px #082f4947}.business-hologram:before{content:"";position:absolute;top:-80%;right:-35%;bottom:-80%;left:-35%;z-index:-1;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.65) 48%,transparent 58%);transform:translate(-55%) rotate(8deg);animation:hologramSweep 4.8s ease-in-out infinite}.business-hologram:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.32),transparent 34%),radial-gradient(circle at 88% 75%,rgba(34,211,238,.24),transparent 32%);opacity:.9}.business-hologram-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fef08a;font-size:19px;font-weight:900;background:#0f172a57;box-shadow:inset 0 0 0 1px #ffffff3d}.business-hologram div:last-child{min-width:0;display:grid;gap:1px}.business-hologram span{color:inherit;font-size:10px;line-height:1.1;text-transform:uppercase;letter-spacing:0}.business-hologram strong{color:inherit;font-size:13px;line-height:1.1;text-shadow:0 1px 10px rgba(255,255,255,.24)}.pro-hologram{border-color:#bfdbfe57;background:linear-gradient(115deg,#3b82f633,#e2e8f029 38%,#6366f12e 70%,#0ea5e924),repeating-linear-gradient(135deg,rgba(226,232,240,.14) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 0 1px #e2e8f01f,0 10px 24px #1e40af33}.pro-hologram:before{background:linear-gradient(100deg,transparent 40%,rgba(219,234,254,.56) 49%,transparent 58%);animation-duration:5.6s}.pro-hologram:after{background:radial-gradient(circle at 18% 28%,rgba(219,234,254,.25),transparent 34%),radial-gradient(circle at 82% 70%,rgba(129,140,248,.22),transparent 32%)}.pro-hologram-mark{color:#bfdbfe;background:#1e293b6b}.license-hologram-wrap{margin-top:14px}.license-page-hologram{width:100%;justify-content:center;padding:12px}@keyframes hologramSweep{0%,46%{transform:translate(-55%) rotate(8deg)}68%,to{transform:translate(55%) rotate(8deg)}}.tenant-plan-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.renewal-modal{width:min(560px,100%)}.renewal-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.mini-stat{display:grid;gap:4px;padding:12px;border-radius:8px;background:#0f172a}.mini-stat strong{font-size:22px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card,.panel{border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#111c31}.stat-card{display:grid;gap:10px;padding:18px}.stat-card span{color:#94a3b8}.stat-card strong{font-size:30px}.panel{padding:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upgrade-modal{width:min(1120px,100%);max-height:min(780px,calc(100vh - 36px));overflow:auto;padding:20px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#0f172a;box-shadow:0 28px 90px #0000006b}.upgrade-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.upgrade-modal-header span{color:#facc15;font-size:13px;font-weight:800;text-transform:uppercase}.upgrade-modal-header h2{margin:2px 0 0;font-size:26px}.icon-button{width:38px;min-height:38px;display:inline-grid;place-items:center;padding:0;color:#e5e7eb;border:1px solid rgba(148,163,184,.26);background:#111c31}.upgrade-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.upgrade-invoice-box{display:grid;gap:5px;margin-bottom:14px;padding:12px;border:1px solid rgba(34,197,94,.32);border-radius:8px;background:#16a34a1a}.upgrade-invoice-box span{color:#86efac;font-size:12px;font-weight:800;text-transform:uppercase}.upgrade-invoice-box strong{color:#f8fafc;font-size:18px}.upgrade-invoice-box small{color:#94a3b8}.tenant-invoice-box{margin:12px 0 0}.tenant-invoice-box-paid{border-color:#22c55e75;background:linear-gradient(135deg,#16a34a2e,#0ea5e91a)}.tenant-invoice-box-paid span{color:#86efac}.tenant-invoice-box .small-button{justify-self:start;min-height:34px}.compact-notice{margin:12px 0 0}.billing-plan-panel{margin-bottom:16px}.billing-plan-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;gap:12px;align-items:end}.billing-plan-current{min-height:42px;display:grid;align-content:center;gap:2px;padding:0 12px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a}.billing-plan-current span{color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase}.billing-plan-current strong{color:#f8fafc}.upgrade-plan-card{min-height:390px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#111c31}.upgrade-plan-card.pro{border-color:#38bdf88c}.upgrade-plan-card.business{border-color:#22c55e8c}.upgrade-plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.upgrade-plan-top span{padding:4px 8px;border-radius:999px;color:#082f49;background:#facc15;font-size:11px;font-weight:900}.upgrade-plan-card.pro .upgrade-plan-top span{position:relative;isolation:isolate;overflow:visible;color:#241300;background:radial-gradient(circle at 24% 22%,#fffbea 0 10%,transparent 11%),linear-gradient(135deg,#fff7ad,#fde047 34%,#f59e0b 70%,#fb7185);box-shadow:0 0 0 1px #facc15bf,0 0 18px #facc158c,0 0 34px #fb923c59}.upgrade-plan-card.pro .upgrade-plan-top span:before{content:"";position:absolute;top:-11px;right:-16px;bottom:-11px;left:-16px;z-index:-1;border-radius:999px;background:radial-gradient(circle,rgba(253,224,71,.72) 0 30%,rgba(251,146,60,.22) 48%,transparent 72%),conic-gradient(from -25deg,transparent 0deg 18deg,rgba(250,204,21,.62) 18deg 26deg,transparent 26deg 52deg,rgba(251,146,60,.48) 52deg 60deg,transparent 60deg 360deg);filter:blur(1.3px);opacity:.9}.upgrade-plan-card.pro .upgrade-plan-top span:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(120deg,#ffffffb8,#fff0 48%);pointer-events:none}.upgrade-plan-top strong{font-size:20px}.upgrade-price{display:flex;align-items:baseline;gap:5px;flex-wrap:nowrap;white-space:nowrap}.upgrade-price b{color:#38bdf8;font-size:28px;line-height:1}.upgrade-price small,.upgrade-annual{color:#94a3b8}.upgrade-price small{color:#7dd3fc;font-size:16px;font-weight:950;line-height:1;letter-spacing:0;white-space:nowrap}.upgrade-annual{font-size:13px}.upgrade-plan-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.upgrade-plan-card li{display:flex;align-items:flex-start;gap:7px;color:#cbd5e1;font-size:13px}.upgrade-plan-card li.disabled-feature{color:#94a3b8;text-decoration:line-through}.upgrade-plan-card li svg{flex:0 0 auto;color:#22c55e;margin-top:2px}.upgrade-plan-card li.disabled-feature svg{color:#64748b}.two-column{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.settings-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.settings-grid.single-settings{grid-template-columns:minmax(320px,520px)}.account-settings-grid{grid-template-columns:minmax(360px,1.15fr) minmax(300px,.85fr)}.account-settings-main,.account-delete-column{min-width:0}.account-delete-column .delete-account-panel{margin-top:0}.form-panel{margin-bottom:18px}.form-grid{display:grid;gap:12px;align-self:start}.generate-form-only{max-width:760px}.voucher-limit-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px;border:1px solid rgba(34,197,94,.28);border-radius:8px;background:#16a34a1a}.voucher-limit-box span{color:#86efac;font-size:12px;font-weight:800;text-transform:uppercase}.voucher-limit-box strong{color:#f8fafc}.voucher-limit-box small{grid-column:1 / -1;color:#94a3b8}.voucher-limit-box.full{border-color:#ef44445c;background:#dc26261f}.voucher-limit-box.full span{color:#fca5a5}.generate-form-only .stack-form>label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px}.generate-form-only .stack-form>button{width:calc(100% - 192px);margin-left:192px}.stack-form{display:grid;gap:12px}.stack-form button{justify-content:center}.stack-form .locked-input:disabled{cursor:default;opacity:.58;filter:blur(.35px)}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-actions button:disabled{cursor:not-allowed;opacity:.55}.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.input-with-select{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:8px;align-items:center}.input-with-select input,.input-with-select select{min-width:0}.checkbox-card{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#0f172a2e;color:#e2e8f0;font-weight:700}.checkbox-card input{width:17px;height:17px}.color-swatch{display:inline-block;width:28px;height:28px;border:1px solid rgba(226,232,240,.45);border-radius:8px;vertical-align:middle}.table-panel{overflow:auto}.system-log-table-scroll{max-height:min(58vh,560px);overflow:auto;border:1px solid var(--border);border-radius:8px;-webkit-overflow-scrolling:touch}.system-log-table-scroll table{margin-bottom:0;min-width:980px}.system-log-table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--surface)}.database-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.database-grid>.table-panel{min-width:0;overflow:hidden}.database-split-table{border:1px solid var(--modern-border, rgba(148, 163, 184, .18));border-radius:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.database-split-body{max-height:min(52vh,500px);overflow-y:auto;overflow-x:hidden}.database-split-head,.database-split-row{display:grid;min-width:0}.database-list-row{grid-template-columns:minmax(130px,1.35fr) minmax(92px,.75fr) minmax(78px,.6fr)}.database-wide-area{min-width:max(760px,calc(var(--db-column-count) * 180px))}.database-data-row{grid-template-columns:repeat(var(--db-column-count),180px)}.database-split-head{background:var(--modern-surface-strong, #111c31);box-shadow:0 1px 0 var(--modern-border, rgba(148, 163, 184, .18))}.database-split-head>div,.database-split-row>div{min-width:0;padding:12px;border-bottom:1px solid var(--modern-border, rgba(148, 163, 184, .18));color:var(--modern-text, #e5e7eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-split-head>div{font-weight:850}.database-split-row>div{background:var(--modern-surface-strong, #111c31)}.database-split-row:hover>div,.selected-row>div{background:#0ea5e91f}.database-empty-row{padding:18px;border-bottom:1px solid var(--modern-border, rgba(148, 163, 184, .18))}.link-button{border:0;background:transparent;color:var(--accent);padding:0;font:inherit;font-weight:800;text-align:left;cursor:pointer}.toolbar-row,.table-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}.search-inline{display:flex;align-items:center;gap:8px;min-width:min(100%,340px);margin:0;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,#000 12%)}.search-inline input,.search-inline select{width:100%;min-height:40px;border:0;outline:0;background:transparent;color:var(--text)}.compact-note{margin:10px 0 0;font-size:.85rem}.license-table-scroll{max-height:min(58vh,560px);overflow:auto;border:1px solid var(--border);border-radius:8px;-webkit-overflow-scrolling:touch}.license-table-scroll table{min-width:1080px;margin-bottom:0}.license-table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--surface)}.expiry-warning{color:#ef4444!important;font-weight:800}.license-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.backup-panel{margin-top:14px}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.delete-account-panel{margin-top:14px;border-color:#ef444452}.delete-account-panel .panel-heading h2{color:#fecaca}.delete-account-note{max-width:820px;line-height:1.55}.delete-account-form{max-width:560px}.delete-account-form .small-button{align-self:flex-start}:root[data-theme=light] .delete-account-panel{border-color:#dc262647;background:#fff7f7}:root[data-theme=light] .delete-account-panel .panel-heading h2{color:#991b1b}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-heading h2{margin:0}.muted-text{color:#94a3b8;font-size:14px}.table-search{width:min(100%,320px)}.table-input{width:110px;min-height:34px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid rgba(148,163,184,.18);text-align:left;white-space:nowrap}.empty-state{color:#94a3b8;padding:18px 0}.action-row,.inline-reset-form{display:flex;align-items:center;gap:8px}.inline-reset-form input{width:170px;min-height:34px}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;font-size:13px;background:#2563eb}.button-link{text-decoration:none}.checkbox-line{display:flex;align-items:center;gap:.6rem;font-weight:700}.checkbox-line input{width:18px;height:18px}.small-button.success{background:#16a34a}.small-button.warning{background:#f59e0b;color:#07111f}.small-button.dark{background:#111827;color:#f8fafc}.small-button.neutral{color:#e2e8f0;background:#475569}.small-button.danger{background:#dc2626}.small-button:disabled{cursor:not-allowed;opacity:.62}.profile-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding-top:2px}.profile-form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.profile-action-column{display:grid;gap:5px;justify-items:start}.small-button.info{background:#0ea5e9}.generate-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.hidden-file-input{display:none!important}.router-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.router-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.router-summary-grid .mini-report strong{min-width:0;overflow-wrap:anywhere;font-size:18px}.router-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.router-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px;align-items:start}.router-forward-port{display:inline-flex;min-width:116px;min-height:28px;align-items:center;justify-content:center;border-radius:6px;padding:4px 8px;color:#dbeafe;background:#0ea5e929;border:1px solid rgba(14,165,233,.28);font-weight:700;white-space:nowrap}.router-forward-port.disabled{color:#94a3b8;background:#94a3b81f;border-color:#94a3b82e;opacity:.62}:root[data-theme=light] .router-forward-port{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}:root[data-theme=light] .router-forward-port.disabled{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.router-script-panel{overflow:hidden}.router-script-heading{align-items:flex-start;gap:12px}.router-script-heading>div:first-child{min-width:0}.router-script-selector{display:none;margin-bottom:12px}.router-script-selector select{min-height:44px;font-weight:800}.router-script-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.router-credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}.router-credential{display:grid;gap:5px}.router-credential span{color:#94a3b8;font-size:12px}.router-credential button{min-width:0;min-height:34px;padding:0 9px;overflow:hidden;border:1px solid rgba(148,163,184,.28);background:#111827;color:#e5e7eb;text-align:left;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=light] .router-credential button{background:#f8fafc;color:#0f172a}.router-script-box{width:100%;height:min(46vh,390px);min-height:260px;resize:vertical;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:12px;background:#020617;color:#dbeafe;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}:root[data-theme=light] .router-script-box{background:#f8fafc;color:#0f172a}.generate-header{align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.18)}.generate-header h1{margin:0;font-size:24px}.voucher-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.generate-batch-pill{display:flex;justify-content:flex-end;margin:-4px 0 8px}.generate-vertical-form{width:min(100%,720px);display:grid;gap:12px;padding-top:16px}.generate-field-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:14px}.generate-field-row>label,.generate-field-row>span{color:#cbd5e1;font-weight:700}.input-group{display:grid;grid-template-columns:minmax(0,1fr) 96px}.input-group input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group select{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.check-row{display:inline-flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#e5e7eb;font-weight:800}.check-row input{width:17px;height:17px;min-height:auto}.generate-stock-panel{margin-top:18px}.voucher-filter-form{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(240px,1fr) auto auto;align-items:end;gap:10px;margin-bottom:14px}.voucher-filter-actions,.voucher-delete-actions{display:flex;align-items:center;gap:8px}.voucher-delete-actions select{width:190px;min-height:34px}.voucher-data-card{display:flex;flex-direction:column}.voucher-data-card.table-panel{overflow:hidden}.generate-table-scroll{max-height:min(620px,62vh);overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:8px;-webkit-overflow-scrolling:touch}.generate-table-scroll table{margin-bottom:0}.voucher-data-table th,.voucher-data-table td{white-space:nowrap}.generate-table-scroll thead th{position:sticky;top:0;z-index:2;background:#111c31;box-shadow:inset 0 -1px #94a3b82e}:root[data-theme=light] .generate-table-scroll thead th{background:#fff}.generate-data-table{min-width:940px}.sold-data-table{min-width:1588px;table-layout:fixed;font-size:12px}.sold-data-table th,.sold-data-table td{padding:8px 10px;vertical-align:middle}.sold-data-table th{text-align:left}.sold-data-table th:nth-child(1),.sold-data-table td:nth-child(1){width:44px}.sold-data-table th:nth-child(2),.sold-data-table td:nth-child(2){width:118px}.sold-data-table th:nth-child(3),.sold-data-table td:nth-child(3){width:112px}.sold-data-table th:nth-child(4),.sold-data-table td:nth-child(4){width:132px}.sold-data-table th:nth-child(5),.sold-data-table td:nth-child(5){width:104px}.sold-data-table th:nth-child(6),.sold-data-table td:nth-child(6){width:142px}.sold-data-table th:nth-child(7),.sold-data-table td:nth-child(7){width:202px;padding-left:6px;padding-right:6px}.sold-data-table th:nth-child(8),.sold-data-table td:nth-child(8){width:138px}.sold-data-table th:nth-child(9),.sold-data-table td:nth-child(9){width:126px}.sold-data-table th:nth-child(10),.sold-data-table td:nth-child(10),.sold-data-table th:nth-child(11),.sold-data-table td:nth-child(11),.sold-data-table th:nth-child(12),.sold-data-table td:nth-child(12){width:152px}.sold-data-table td:nth-child(8),.sold-data-table td:nth-child(9),.sold-data-table td:nth-child(10),.sold-data-table td:nth-child(11){font-variant-numeric:tabular-nums}.sold-data-table code,.sold-data-table strong,.sold-data-table .muted-text{font-size:inherit}.profile-color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 0 2px #ffffff14}.reports-page{display:grid;gap:18px}.reports-top-grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);gap:18px;align-items:stretch}.reports-settings-card,.reports-total-card,.reports-chart-card,.reports-summary-card,.reports-table-card{border-radius:8px}.reports-settings-card h2,.reports-chart-card h2,.reports-summary-card h2,.reports-table-card h2{display:inline-flex;align-items:center;gap:8px}.report-setting-form{display:grid;grid-template-columns:170px minmax(180px,1fr) auto auto;gap:10px;align-items:center}.report-setting-form label{color:#cbd5e1;font-weight:700}.reports-total-card{display:grid;align-content:center;gap:8px;min-height:126px}.reports-total-card span,.reports-total-card small,.reports-chart-summary span,.reports-chart-summary small{color:#94a3b8}.reports-total-card strong{font-size:30px;line-height:1.1}.reports-chart-heading{align-items:end}.reports-chart-filter{display:flex;gap:8px}.reports-chart-filter select{min-width:120px;min-height:34px}.reports-chart-summary{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.reports-chart-summary strong{font-size:22px}.reports-chart-canvas{display:block;width:100%;height:260px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a57}:root[data-theme=light] .reports-chart-canvas{background:#f8fafc}.reports-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;align-items:start}.reports-table-card.table-panel{overflow:hidden}.reports-table-scroll{max-height:min(520px,58vh);overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:8px;-webkit-overflow-scrolling:touch}.reports-table-scroll table{margin-bottom:0}.reports-table-scroll thead th{position:sticky;top:0;z-index:2;background:#111c31;box-shadow:inset 0 -1px #94a3b82e}:root[data-theme=light] .reports-table-scroll thead th{background:#fff}.admin-revenue-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-revenue-total-card{min-height:138px}.admin-revenue-table-scroll{max-height:min(560px,62vh)}.table-subtext{display:block;margin-top:3px;color:#94a3b8;font-size:11px;line-height:1.3}.router-ping-result{margin-top:5px;font-size:11px;line-height:1.3}.router-ping-result.online{color:#22c55e}.router-ping-result.offline{color:#ef4444}.report-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-report{display:grid;gap:4px;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a52}:root[data-theme=light] .mini-report{background:#f8fafc}.mini-report span{color:#94a3b8;font-size:13px}.mini-report strong{font-size:24px}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.online{color:#bbf7d0;background:#16a34a33}.status-pill.offline{color:#fecaca;background:#dc26262e}.status-pill.pending{color:#fde68a;background:#facc152e}.inline-note{margin-top:8px;color:#93c5fd;font-size:13px}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-button.disabled{cursor:not-allowed;opacity:.62}.voucher-print-body{color-scheme:light!important;color:#000;background:#fff!important;font-family:Arial,Helvetica,sans-serif;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.voucher-print-html,.voucher-print-html body,.voucher-print-html #root{color-scheme:light!important;min-width:0;min-height:0;color:#000;background:#fff!important}.voucher-print-body #root{background:#fff!important}.print-page{min-height:100vh;color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-loading,.print-error{padding:16px;color:#111;font-size:14px}.print-vouchers{font-size:0}.voucher-ticket{border:1px solid #000;width:190px;height:104px;margin:2px;overflow:hidden;box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;background:#fff;display:inline-grid;grid-template-rows:30px 59px 14px;vertical-align:top;font-size:14px}.ticket-head{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:3px 5px 2px;background:#fff;min-width:0}.ticket-logo{display:block;width:100px;max-width:100%;height:24px;object-fit:contain;object-position:left center}.ticket-brand{min-width:0;overflow:hidden;color:#000;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;font-weight:600;line-height:.9;text-overflow:ellipsis;white-space:nowrap}.ticket-brand small{display:block;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:6px;font-style:normal;font-weight:400;line-height:1.1;text-align:center}.ticket-price{flex:0 0 auto;font-family:Tahoma,Arial,sans-serif;font-size:14px;font-weight:800;line-height:1;white-space:nowrap}.ticket-body{display:block;padding:2px 6px 3px;background:#e8e8e8}.ticket-mode{height:13px;overflow:hidden;text-align:center;font-size:9px;font-weight:500;line-height:12px;letter-spacing:0}.ticket-details{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(68px,.9fr);align-items:center;gap:3px;min-height:40px}.ticket-credentials{min-width:0;font-weight:500;line-height:1.12}.ticket-code{box-sizing:border-box;min-height:0;overflow:visible;text-overflow:clip;white-space:nowrap;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:var(--ticket-code-size, 13px);font-weight:700;line-height:1.38;padding:0 3px 4px;border:0;outline:0;background:transparent;letter-spacing:0}.member-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:0;min-width:0;min-height:18px;margin:0;white-space:nowrap;border:0;border-bottom:1px solid rgba(0,0,0,.52);background:transparent}.member-row:last-child{border-bottom:0}.member-label{height:100%;display:flex;align-items:center;justify-content:center;border-right:0;font-size:9px;font-weight:700;line-height:1}.member-value{min-width:0;overflow:visible;text-overflow:clip;padding:1px 4px 4px;font-size:13px;font-weight:800;line-height:1.24}.ticket-active{min-width:0;font-size:12px;font-weight:800;line-height:1.08;text-align:center;white-space:nowrap;padding-right:4px;box-sizing:border-box}.ticket-active small{display:block;font-size:9px;font-weight:800;margin-top:2px}.ticket-footer{color:#fff;font-size:8px;font-weight:500;line-height:14px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media print{html.voucher-print-html,html.voucher-print-html body,html.voucher-print-html #root{color-scheme:light!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;color:#000!important;background:#fff!important;background-color:#fff!important;box-shadow:none!important}html.voucher-print-html *{box-shadow:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.voucher-ticket{border-color:#111!important}.ticket-code{border:0!important;outline:0!important;overflow:visible!important;text-overflow:clip!important;line-height:1.38!important;padding:0 .2mm .8mm!important;background:transparent!important}.member-row{border:0!important;border-bottom:.18mm solid rgba(0,0,0,.55)!important;background:transparent!important;min-height:4.6mm!important;margin:0!important}.member-row:last-child{border-bottom:0!important}.member-label{border-right:0!important}.member-value{overflow:visible!important;text-overflow:clip!important;line-height:1.24!important;padding-bottom:.8mm!important}table{page-break-after:auto}tr,td{page-break-inside:avoid;page-break-after:auto}}@page{size:auto;margin:9mm 3mm 3mm 7mm}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content{padding:18px}.stats-grid,.two-column,.logo-designer-grid,.dashboard-top-grid,.revenue-grid,.dashboard-main-grid,.metric-grid,.license-summary-grid,.client-metric-grid,.client-dashboard-grid{grid-template-columns:1fr}.client-metric-grid .revenue-card.wide{grid-column:auto}.page-title-row{flex-direction:column}.upgrade-modal{padding:14px}.upgrade-modal-header{align-items:stretch}.upgrade-plan-grid,.billing-plan-form{grid-template-columns:1fr}.tenant-plan-box{align-items:stretch;flex-direction:column}.business-hologram{width:100%}.tenant-plan-actions,.renewal-form{grid-template-columns:1fr}.tenant-plan-actions{justify-content:stretch}.upgrade-account-button.compact{width:100%}.traffic-tile strong{font-size:20px}.activity-item{grid-template-columns:38px minmax(0,1fr)}.activity-money{grid-column:2;justify-items:start}.system-mini-grid{grid-template-columns:1fr}.panel-heading{align-items:stretch;flex-direction:column}.settings-grid{grid-template-columns:1fr}.inline-reset-form{align-items:stretch;flex-direction:column}.inline-reset-form input{width:100%}.inline-fields{grid-template-columns:1fr}.generate-form-only .stack-form>label{grid-template-columns:1fr}.generate-form-only .stack-form>button{width:100%;margin-left:0}.profile-form-grid,.router-summary-grid,.router-form-grid,.router-layout,.router-credential-grid{grid-template-columns:1fr}.router-layout{gap:12px}.router-script-box{height:420px;min-height:300px}.generate-header{align-items:stretch}.voucher-card-actions,.generate-batch-pill{justify-content:flex-start}.generate-field-row{grid-template-columns:1fr;align-items:stretch;gap:6px}.voucher-filter-form{grid-template-columns:1fr}.voucher-filter-actions,.voucher-delete-actions{align-items:stretch;flex-direction:column}.voucher-delete-actions select{width:100%}.generate-table-scroll{height:clamp(300px,52dvh,520px);max-height:none}.voucher-data-table{font-size:.78rem}.voucher-data-table th,.voucher-data-table td{padding:.48rem .55rem}.generate-data-table th:first-child,.generate-data-table td:first-child{position:sticky;left:0;z-index:3;background:#111c31}.generate-data-table th:nth-child(2),.generate-data-table td:nth-child(2){position:sticky;left:42px;z-index:3;background:#111c31;box-shadow:1px 0 #94a3b82e}.generate-data-table thead th{z-index:4}.generate-data-table thead th:first-child,.generate-data-table thead th:nth-child(2){z-index:5}:root[data-theme=light] .generate-data-table th:first-child,:root[data-theme=light] .generate-data-table td:first-child,:root[data-theme=light] .generate-data-table th:nth-child(2),:root[data-theme=light] .generate-data-table td:nth-child(2){background:#fff}.table-search{width:100%}.reports-top-grid,.reports-grid{grid-template-columns:1fr}.report-setting-form{grid-template-columns:1fr;align-items:stretch}.reports-chart-heading{align-items:stretch}.reports-chart-filter{flex-direction:column}.reports-chart-summary{align-items:flex-start;flex-direction:column;gap:4px}.reports-table-scroll{height:clamp(260px,50dvh,480px);max-height:none}.floating-login-panel{top:12px;right:12px;left:12px;width:auto}}@media (max-width: 640px){body{overflow-x:hidden}input,select,button{font-size:16px}.app-shell{display:block;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:70;width:min(82vw,286px);height:100dvh;padding:16px 12px;gap:12px;overflow-y:auto;transform:translate(-104%);transition:transform .18s ease;box-shadow:22px 0 48px #0000005c}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;min-height:0;display:none;padding:0;border:0;border-radius:0;background:#0206178c;box-shadow:none}.app-shell.sidebar-open .sidebar-backdrop{display:block}.brand-logo{max-width:128px}.menu{gap:6px}.menu-button{min-height:44px;width:100%;border-radius:8px;padding:0 12px}.content{min-height:100dvh;padding:10px 10px 16px}.app-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;margin:-10px -10px 12px;padding:8px 10px;background:#0f172a;border-bottom-color:#94a3b833}:root[data-theme=light] .app-topbar{background:#f1f5f9}.mobile-menu-button{width:42px;min-width:42px;min-height:40px;display:inline-grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.2);background:#0f172a8a}:root[data-theme=light] .mobile-menu-button{background:#fff;color:#0f172a;border-color:#0f172a24}.topbar-title{min-width:0;overflow:hidden;font-size:1.02rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{grid-column:1 / -1;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,auto);gap:8px}.topbar-clock{min-width:0;justify-content:flex-start;font-size:11px;white-space:nowrap}.account-menu{min-width:0}.account-menu-button{max-width:100%;min-width:0;padding:0 9px}.topbar-email{min-width:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.theme-toggle-button{width:40px;min-width:40px;min-height:40px}h1{font-size:1.35rem;margin-bottom:14px}h2{font-size:1.05rem}.panel,.form-panel,.table-panel,.stat-card,.system-tile,.traffic-tile,.client-online-card,.revenue-card,.tenant-metric{border-radius:8px}.panel,.form-panel,.table-panel{padding:12px}.panel-heading,.page-title-row{align-items:stretch;gap:10px}.dashboard-top-grid,.revenue-grid,.metric-grid,.client-metric-grid,.client-dashboard-grid,.dashboard-main-grid,.license-summary-grid,.report-summary-grid{gap:10px}.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric{min-height:112px;padding:14px}.system-tile strong,.traffic-tile strong,.mini-report strong{font-size:22px}.revenue-card strong,.metric-value{font-size:24px}.tenant-metric--blue .metric-value--live{font-size:38px}.generate-form-only .stack-form{gap:10px}.generate-form-only .stack-form>label{gap:6px}.generate-form-only .stack-form>button,.profile-form-actions button,.small-button,.voucher-card-actions button,.voucher-card-actions .file-button,.voucher-filter-actions button,.voucher-delete-actions button{min-height:42px}.generate-action-buttons,.voucher-card-actions,.profile-form-actions,.router-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.router-script-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.backup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.generate-action-buttons button,.voucher-card-actions button,.voucher-card-actions .file-button,.profile-form-actions button,.router-toolbar button,.router-script-actions button,.backup-actions button{width:100%;min-width:0;justify-content:center}.voucher-limit-box{grid-template-columns:1fr;text-align:left}.generate-vertical-form,.stack-form{width:100%}.generate-field-row,.profile-form-grid,.router-form-grid,.router-summary-grid,.router-credential-grid,.settings-grid,.logo-designer-grid,.database-grid{grid-template-columns:1fr}.input-group{grid-template-columns:minmax(0,1fr) 82px}.voucher-filter-form{gap:9px}.voucher-filter-actions,.voucher-delete-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voucher-delete-actions select{grid-column:1 / -1;width:100%}.generate-table-scroll,.reports-table-scroll,.license-table-scroll{width:100%;height:min(58dvh,520px);max-height:none;overflow:auto}.generate-data-table{min-width:760px}.sold-data-table{min-width:1660px}.voucher-data-table{font-size:.76rem}.voucher-data-table th,.voucher-data-table td{padding:.44rem .5rem}.router-layout{gap:10px}.router-script-box{height:340px;min-height:260px;font-size:11px}.router-forward-port{width:100%;min-width:0}.reports-chart-canvas{height:220px}.database-split-table{min-height:260px}.database-split-body{max-height:52dvh}.database-data-row{grid-template-columns:minmax(120px,.55fr) minmax(0,1fr)}.search-inline,.reports-chart-filter,.inline-reset-form,.report-setting-form{display:grid;grid-template-columns:1fr;gap:8px}.confirm-modal{width:min(100%,330px);padding:18px}}:root{--modern-bg: #08111d;--modern-bg-soft: #0d1726;--modern-surface: rgba(17, 27, 43, .92);--modern-surface-strong: #101a2b;--modern-border: rgba(148, 163, 184, .18);--modern-border-strong: rgba(45, 212, 191, .28);--modern-text: #e5eef8;--modern-muted: #95a3b8;--modern-cyan: #22d3ee;--modern-blue: #2563eb;--modern-green: #22c55e;--modern-amber: #f59e0b;--modern-red: #ef4444;--modern-shadow: 0 18px 46px rgba(0, 0, 0, .26);--modern-shadow-soft: 0 10px 26px rgba(0, 0, 0, .18)}:root[data-theme=light]{--modern-bg: #eef4fb;--modern-bg-soft: #f8fafc;--modern-surface: rgba(255, 255, 255, .96);--modern-surface-strong: #ffffff;--modern-border: rgba(15, 23, 42, .12);--modern-border-strong: rgba(14, 165, 233, .28);--modern-text: #0f172a;--modern-muted: #526071;--modern-shadow: 0 16px 36px rgba(15, 23, 42, .1);--modern-shadow-soft: 0 8px 22px rgba(15, 23, 42, .08)}body:not(.voucher-print-body){background:var(--modern-bg)}.app-shell{background:linear-gradient(180deg,rgba(34,211,238,.06),transparent 260px),var(--modern-bg)}:root[data-theme=light] .app-shell{background:linear-gradient(180deg,rgba(14,165,233,.1),transparent 270px),var(--modern-bg)}.sidebar{background:linear-gradient(180deg,#0d1726fa,#050c16fc);border-right:1px solid rgba(45,212,191,.16);box-shadow:12px 0 34px #0003}:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fbff);border-right-color:#0ea5e92e;box-shadow:10px 0 26px #0f172a12}.brand{border-radius:8px;border-color:#2dd4bf3d;background:linear-gradient(145deg,#fff,#eaf1fa);box-shadow:inset 0 0 0 1px #ffffff94,var(--modern-shadow-soft)}.menu{gap:7px}.menu-button{min-height:42px;border:1px solid transparent;border-radius:8px;padding:0 12px;color:#b8c4d6;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.menu-button:hover,.menu-button:focus-visible{color:#f8fafc;border-color:#22d3ee3d;background:#22d3ee1a;transform:translate(2px);outline:0}.menu-button.active{color:#fff;border-color:#22d3ee57;background:linear-gradient(135deg,#0ea5e9,#2563eb 62%,#16a34a);box-shadow:0 12px 26px #0ea5e93d}.menu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;margin-left:auto;border-radius:999px;padding:0 7px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:900;line-height:1;box-shadow:0 8px 18px #ef44444d}.menu-button.active .menu-badge{background:#fffffff5;color:#0f172a}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.sidebar-logout-button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;border:1px solid rgba(248,113,113,.22);border-radius:8px;background:#7f1d1d29;color:#fecaca;font-weight:900;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.sidebar-logout-button:hover,.sidebar-logout-button:focus-visible{border-color:#f871716b;background:#dc262633;color:#fff;transform:translate(2px);outline:0}:root[data-theme=light] .sidebar-logout-button{border-color:#dc26262e;background:#fef2f2eb;color:#b91c1c}:root[data-theme=light] .sidebar-logout-button:hover,:root[data-theme=light] .sidebar-logout-button:focus-visible{border-color:#dc262657;background:#fee2e2;color:#7f1d1d}:root[data-theme=light] .menu-button{color:#334155}:root[data-theme=light] .menu-button:hover,:root[data-theme=light] .menu-button:focus-visible{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.content{background:transparent}.app-topbar{min-height:58px;padding:10px 12px 14px;margin:-6px -6px 16px;border:1px solid var(--modern-border);border-radius:8px;background:#0b1220b3;box-shadow:var(--modern-shadow-soft)}:root[data-theme=light] .app-topbar{background:#ffffffd1;border-color:#0f172a1a}.topbar-title{color:var(--modern-text);font-size:clamp(1.05rem,1.8vw,1.32rem)}.topbar-group-name{color:var(--modern-cyan)}.topbar-email,.topbar-clock,.account-menu-button,.theme-toggle-button,.mobile-menu-button{min-height:38px;border:1px solid var(--modern-border);border-radius:8px;padding:0 10px;color:var(--modern-text);background:#0f172a6b}:root[data-theme=light] .topbar-email,:root[data-theme=light] .topbar-clock,:root[data-theme=light] .account-menu-button,:root[data-theme=light] .theme-toggle-button,:root[data-theme=light] .mobile-menu-button{color:#0f172a;background:#fff}.theme-toggle-button{width:38px;min-width:38px;padding:0}.panel,.table-panel,.form-panel,.stat-card,.system-tile,.traffic-tile,.client-online-card,.revenue-card,.tenant-metric,.license-panel,.billing-plan-panel,.upgrade-plan-card,.logo-preview-panel,.database-panel,.backup-panel{border-radius:8px;border-color:var(--modern-border);background:var(--modern-surface);box-shadow:var(--modern-shadow-soft)}.panel-heading,.generate-header{border-bottom-color:#94a3b829}.panel-heading h2,.generate-header h1,.stat-card strong,.system-tile strong,.traffic-tile strong,.metric-value,.revenue-card strong{color:var(--modern-text)}.muted-text,.stat-card span,.system-tile span,.traffic-tile span,.panel-heading p{color:var(--modern-muted)}.stat-card,.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric{position:relative;overflow:hidden}.stat-card:before,.system-tile:before,.traffic-tile:before,.revenue-card:before,.client-online-card:before,.tenant-metric:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--modern-cyan),var(--modern-green),var(--modern-amber))}button,.small-button,.primary-action-button,.secondary-action-button,.danger-action-button,.upgrade-account-button,.icon-button{border-radius:8px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}button:not(:disabled):hover,.small-button:not(:disabled):hover,.primary-action-button:not(:disabled):hover,.secondary-action-button:not(:disabled):hover,.danger-action-button:not(:disabled):hover,.upgrade-account-button:not(:disabled):hover,.icon-button:not(:disabled):hover{transform:translateY(-1px)}.small-button,.primary-action-button,button[type=submit]{border:1px solid rgba(14,165,233,.28);background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 8px 18px #2563eb33}.small-button.success,.success,.upgrade-account-button{border-color:#22c55e52;background:linear-gradient(135deg,#16a34a,#0d9488);box-shadow:0 8px 18px #16a34a2e}.small-button.warning{border-color:#f59e0b52;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 18px #f59e0b2e}.small-button.danger,.danger-action-button{border-color:#ef444452;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 18px #ef44442e}.small-button.neutral,.secondary-action-button,.icon-button{color:var(--modern-text);border-color:var(--modern-border);background:#94a3b81a;box-shadow:none}input,select,textarea,.router-script-box{border-radius:8px;border-color:var(--modern-border);background:#060d1994;color:var(--modern-text)}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,:root[data-theme=light] .router-script-box{background:#fff;color:#0f172a}input:focus,select:focus,textarea:focus{border-color:var(--modern-cyan);outline:0;box-shadow:0 0 0 3px #22d3ee29}.checkbox-card,.voucher-limit-box,.upgrade-invoice-box,.tenant-plan-box,.billing-plan-current,.router-credential button,.router-forward-port{border-radius:8px;border-color:var(--modern-border);background:#0f172a57}:root[data-theme=light] .checkbox-card,:root[data-theme=light] .voucher-limit-box,:root[data-theme=light] .upgrade-invoice-box,:root[data-theme=light] .tenant-plan-box,:root[data-theme=light] .billing-plan-current,:root[data-theme=light] .router-credential button,:root[data-theme=light] .router-forward-port{background:#f8fafc}.generate-table-scroll,.system-log-table-scroll,.reports-table-scroll,.license-table-scroll,.database-split-table{border-radius:8px;border-color:var(--modern-border);background:#070d191f}:root[data-theme=light] .generate-table-scroll,:root[data-theme=light] .online-table-scroll,:root[data-theme=light] .system-log-table-scroll,:root[data-theme=light] .reports-table-scroll,:root[data-theme=light] .license-table-scroll,:root[data-theme=light] .database-split-table{background:#fff;border-color:#0f172a1f}:root[data-theme=light] .database-split-head{background:#f8fafc;box-shadow:0 1px #0f172a24}:root[data-theme=light] .database-split-head>div{color:#0f172a;background:#f8fafc}:root[data-theme=light] .database-split-row>div,:root[data-theme=light] .database-empty-row{color:#0f172a;background:#fff;border-bottom-color:#0f172a1a}:root[data-theme=light] .database-split-row:hover>div,:root[data-theme=light] .selected-row>div{color:#0f172a;background:#e0f2fe}:root[data-theme=light] .database-split-table .muted-text,:root[data-theme=light] .database-split-table small{color:#475569}.database-table-list .database-split-head>div,.database-table-rows .database-split-head>div{color:var(--modern-text, #e5e7eb)!important;background:var(--modern-surface-strong, #111c31)!important;font-weight:850}.database-table-list .database-split-row>div,.database-table-rows .database-split-row>div{color:var(--modern-text, #e5e7eb)!important;background:var(--modern-surface, #111c31)!important}:root[data-theme=light] .database-table-list .database-split-head>div,:root[data-theme=light] .database-table-rows .database-split-head>div{color:#0f172a!important;background:#e2e8f0!important;border-bottom-color:#0f172a29!important}:root[data-theme=light] .database-table-list .database-split-row>div,:root[data-theme=light] .database-table-rows .database-split-row>div,:root[data-theme=light] .database-table-list .database-empty-row,:root[data-theme=light] .database-table-rows .database-empty-row{color:#0f172a!important;background:#fff!important;border-bottom-color:#0f172a1a!important}:root[data-theme=light] .database-table-list .selected-row>div,:root[data-theme=light] .database-table-rows .selected-row>div,:root[data-theme=light] .database-table-list .database-split-row:hover>div,:root[data-theme=light] .database-table-rows .database-split-row:hover>div{color:#0f172a!important;background:#dbeafe!important}:root[data-theme=light] .database-table-list .link-button{color:#0369a1!important}:root[data-theme=light] .voucher-data-table,:root[data-theme=light] .online-data-table,:root[data-theme=light] .generate-data-table{background:#fff;color:#0f172a}:root[data-theme=light] .voucher-data-table tbody tr,:root[data-theme=light] .online-data-table tbody tr,:root[data-theme=light] .generate-data-table tbody tr{background:#fff}:root[data-theme=light] .voucher-data-table tbody td,:root[data-theme=light] .online-data-table tbody td,:root[data-theme=light] .generate-data-table tbody td{background:transparent;color:#0f172a}.voucher-data-table,table{border-collapse:separate;border-spacing:0}.voucher-data-table thead th,.generate-table-scroll thead th,.system-log-table-scroll thead th,.reports-table-scroll thead th{color:#dbeafe;background:#0e1a2c;border-bottom:1px solid rgba(34,211,238,.18)}:root[data-theme=light] .voucher-data-table thead th,:root[data-theme=light] .generate-table-scroll thead th,:root[data-theme=light] .system-log-table-scroll thead th,:root[data-theme=light] .reports-table-scroll thead th{color:#0f172a;background:#f8fafc}.voucher-data-table tbody tr,tbody tr{transition:background .14s ease}.voucher-data-table tbody tr:hover,tbody tr:hover{background:#22d3ee12}.notice-box,.success-box,.error-box,.warning-box{border-radius:8px}.success-box{border-color:#22c55e57;background:#16a34a1f}.error-box{border-color:#ef444457;background:#ef44441f}.login-screen{background:linear-gradient(140deg,rgba(14,165,233,.16),transparent 42%),linear-gradient(180deg,#08111d,#050913)}.login-panel,.binet-login-panel,.required-password-panel{border-radius:8px;border-color:#22d3ee3d;box-shadow:0 26px 70px #00000057}.account-dropdown,.confirm-modal,.upgrade-modal{border-radius:8px;border-color:var(--modern-border);background:var(--modern-surface-strong);box-shadow:var(--modern-shadow)}@media (max-width: 1180px){.app-topbar{margin:-2px -2px 14px}.panel,.table-panel,.form-panel{box-shadow:0 8px 20px #00000024}}@media (max-width: 640px){.app-topbar{border-radius:0;border-left:0;border-right:0;box-shadow:none}.menu-button:hover,.menu-button:focus-visible,button:not(:disabled):hover,.small-button:not(:disabled):hover{transform:none}}.sidebar .brand,:root[data-theme=light] .sidebar .brand{display:block;min-height:auto;padding:0 0 12px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}.sidebar .brand-logo{display:block;max-width:160px;width:100%;height:auto;margin:0 auto;object-fit:contain}.license-unified-panel{display:grid;gap:14px}.license-unified-form{display:block}.license-unified-scroll{max-height:none}.license-unified-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}.license-unified-table th,.license-unified-table td{padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:middle}.license-unified-table th{width:190px;color:var(--modern-muted, #94a3b8);text-align:left;font-size:12px;font-weight:900;text-transform:uppercase}.license-unified-table td{color:var(--modern-text, #e5e7eb)}.license-unified-table tr:last-child th,.license-unified-table tr:last-child td{border-bottom:0}.license-unified-table select{width:min(100%,420px);min-height:38px}.license-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.compact-manual-payment{display:table-cell;margin:0;padding:11px 12px;border:0;border-radius:0;background:#f59e0b14;color:#fbbf24;font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}@media (max-width: 860px){.license-unified-scroll{overflow:auto}.license-unified-table{min-width:620px}}@media (max-width: 640px){.sidebar .brand-logo{max-width:128px}.license-unified-table{min-width:560px}.license-inline-actions{display:grid;grid-template-columns:1fr}}.license-side-by-side{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);gap:16px;align-items:start}.license-side-by-side>.panel{min-width:0;height:100%}.invoice-side-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.invoice-scroll-table{max-height:430px;overflow:auto;border-radius:10px}.invoice-scroll-table table{min-width:760px}.invoice-scroll-table thead th{position:sticky;top:0;z-index:2}@media (max-width: 1180px){.license-side-by-side{grid-template-columns:1fr}.invoice-scroll-table{max-height:380px}}@media (max-width: 640px){.license-side-by-side{gap:12px}.invoice-scroll-table{max-height:340px}}.license-side-by-side{grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr)}.license-unified-panel,.invoice-side-panel{min-width:0;overflow:hidden}.license-hologram-wrap{max-width:100%;overflow:hidden}.license-hologram-wrap .business-hologram,.license-hologram-wrap .pro-hologram{width:100%;max-width:100%;box-sizing:border-box}.license-hologram-wrap .business-hologram strong,.license-hologram-wrap .pro-hologram strong,.license-hologram-wrap .business-hologram span,.license-hologram-wrap .pro-hologram span{overflow-wrap:anywhere}@media (max-width: 1180px){.license-side-by-side{grid-template-columns:1fr}}.license-hologram-wrap .license-page-hologram{position:relative;justify-content:center;padding-left:56px;padding-right:56px}.license-hologram-wrap .license-page-hologram .business-hologram-mark{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.license-hologram-wrap .license-page-hologram>div:last-child{width:100%;justify-items:center;text-align:center}.license-hologram-wrap .license-page-hologram span,.license-hologram-wrap .license-page-hologram strong{display:block;width:100%;text-align:center}@media (max-width: 520px){.license-hologram-wrap .license-page-hologram{padding-left:48px;padding-right:18px}}.license-hologram-wrap .license-page-hologram{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;position:relative!important;width:100%!important;min-height:62px!important;padding:12px 52px!important;text-align:center!important}.license-hologram-wrap .license-page-hologram .business-hologram-mark{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}.license-hologram-wrap .license-page-hologram>div:not(.business-hologram-mark){grid-column:1!important;grid-row:1!important;display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;justify-items:center!important;align-items:center!important;gap:2px!important;margin:0 auto!important;text-align:center!important}.license-hologram-wrap .license-page-hologram>div:not(.business-hologram-mark) span,.license-hologram-wrap .license-page-hologram>div:not(.business-hologram-mark) strong{display:block!important;width:100%!important;margin:0 auto!important;text-align:center!important;justify-self:center!important}@media (max-width: 520px){.license-hologram-wrap .license-page-hologram{padding-left:48px!important;padding-right:22px!important}}.license-table-seal{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;width:100%;min-height:48px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(125,211,252,.34);border-radius:8px;padding:7px 10px;color:#ecfeff;background:linear-gradient(115deg,#0ea5e938,#facc152e 35%,#a855f733 68%,#2dd4bf2e),repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 22px #082f492e}.license-table-seal:before{content:"";position:absolute;top:-90%;right:-20%;bottom:-90%;left:-20%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.56) 50%,transparent 60%);transform:translate(-58%) rotate(8deg);animation:hologramSweep 5s ease-in-out infinite;pointer-events:none}.license-table-seal.pro{border-color:#bfdbfe57;background:linear-gradient(115deg,#3b82f638,#e2e8f029 38%,#6366f12e 70%,#0ea5e924),repeating-linear-gradient(135deg,rgba(226,232,240,.13) 0 1px,transparent 1px 9px)}.license-table-seal-mark{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;color:#fef08a;font-size:15px;font-weight:900;background:#0f172a5c;box-shadow:inset 0 0 0 1px #ffffff38}.license-table-seal.pro .license-table-seal-mark{color:#bfdbfe}.license-table-seal-text{position:relative;z-index:1;grid-column:2;display:grid;gap:2px;min-width:0;justify-items:center;text-align:center}.license-table-seal-text span,.license-table-seal-text strong{display:block;width:100%;text-align:center;line-height:1.12}.license-table-seal-text span{font-size:10px;font-weight:800;text-transform:uppercase}.license-table-seal-text strong{font-size:13px;font-weight:900;letter-spacing:0}@media (max-width: 640px){.license-table-seal{grid-template-columns:34px minmax(0,1fr) 12px;min-height:46px;padding:7px 8px}.license-table-seal-mark{width:28px;height:28px}}.license-table-seal{display:block!important;position:relative!important;min-height:48px!important;padding:0!important}.license-table-seal .license-table-seal-mark{position:absolute!important;left:14px!important;top:50%!important;z-index:2!important;transform:translateY(-50%)!important;margin:0!important}.license-table-seal .license-table-seal-text{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;display:grid!important;place-content:center!important;place-items:center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 48px!important;box-sizing:border-box!important;text-align:center!important}.license-table-seal .license-table-seal-text span,.license-table-seal .license-table-seal-text strong{display:block!important;width:auto!important;max-width:100%!important;margin:0 auto!important;text-align:center!important;white-space:nowrap!important}@media (max-width: 640px){.license-table-seal .license-table-seal-mark{left:10px!important}.license-table-seal .license-table-seal-text{padding:0 36px!important}}.license-cert-badge{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;overflow:hidden;box-sizing:border-box;border:1px solid rgba(125,211,252,.34);border-radius:8px;padding:7px 48px;color:#ecfeff;text-align:center;background:linear-gradient(115deg,#0ea5e938,#facc152e 35%,#a855f733 68%,#2dd4bf2e),repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 22px #082f492e}.license-cert-badge:before{content:"";position:absolute;top:-90%;right:-20%;bottom:-90%;left:-20%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.52) 50%,transparent 60%);transform:translate(-58%) rotate(8deg);animation:hologramSweep 5s ease-in-out infinite;pointer-events:none}.license-cert-badge.pro{border-color:#bfdbfe57;background:linear-gradient(115deg,#3b82f638,#e2e8f029 38%,#6366f12e 70%,#0ea5e924),repeating-linear-gradient(135deg,rgba(226,232,240,.13) 0 1px,transparent 1px 9px)}.license-cert-mark{position:absolute;left:14px;top:50%;z-index:2;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;color:#fef08a;font-size:15px;font-weight:900;background:#0f172a5c;box-shadow:inset 0 0 0 1px #ffffff38;transform:translateY(-50%)}.license-cert-badge.pro .license-cert-mark{color:#bfdbfe}.license-cert-copy{position:relative;z-index:2;display:grid;width:100%;min-width:0;justify-items:center;align-items:center;gap:2px;margin:0 auto;text-align:center}.license-cert-copy span,.license-cert-copy strong{display:block;width:100%;margin:0 auto;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.license-cert-copy span{font-size:10px;font-weight:800;line-height:1.1;text-transform:uppercase}.license-cert-copy strong{font-size:13px;font-weight:900;line-height:1.12;letter-spacing:0}@media (max-width: 640px){.license-cert-badge{min-height:46px;padding:7px 34px}.license-cert-mark{left:10px;width:28px;height:28px}}.password-eye-button,.password-eye-button:hover,.password-eye-button:focus,.password-eye-button:focus-visible{transform:translateY(-50%)!important}.settings-section-card{border:1px solid rgba(148,163,184,.18);border-radius:10px;padding:14px;background:#0f172a47}.compact-heading{margin-bottom:10px}.compact-heading h3{margin:0;font-size:16px}.license-unified-table td.compact-manual-payment{color:#fbbf24!important;white-space:normal!important;overflow-wrap:anywhere}.license-unified-table td.compact-manual-payment strong{color:#fef3c7!important;font-weight:900}:root[data-theme=light] .license-unified-table td.compact-manual-payment{color:#92400e!important;background:#fffbeb}:root[data-theme=light] .license-unified-table td.compact-manual-payment strong{color:#7c2d12!important}.reports-reset-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px}.reports-reset-panel>div{display:grid;gap:4px;min-width:0}.reports-reset-panel strong{color:var(--modern-text, #e5e7eb)}@media (max-width: 640px){.reports-reset-panel{align-items:stretch;flex-direction:column}.reports-reset-panel button{width:100%}}.group-reset-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reset-password-code{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid rgba(34,211,238,.28);border-radius:8px;background:#0f172a9e;color:#fde68a;font-weight:800;letter-spacing:.02em}.wa-button-link{min-height:34px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media (max-width: 640px){.group-reset-actions{display:grid;grid-template-columns:1fr}}@media (max-width: 1366px) and (min-width: 861px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:16px 10px;gap:12px}.sidebar .brand-logo,.brand-logo{max-width:130px}.menu{gap:5px}.menu-button{min-height:38px;padding:0 10px;gap:8px;font-size:13px}.content{min-width:0;padding:16px;overflow-x:hidden}.app-topbar{min-width:0;margin:0 0 12px;padding:9px 10px}.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:7px}.topbar-email{max-width:240px;overflow:hidden;text-overflow:ellipsis}.panel,.table-panel,.form-panel{min-width:0}.dashboard-top-grid,.revenue-grid,.client-metric-grid,.metric-grid,.reports-top-grid,.admin-revenue-summary-grid{gap:10px}.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric{min-height:96px;padding:14px}.system-tile strong,.traffic-tile strong,.metric-value,.revenue-card strong{font-size:24px}.panel-heading,.generate-header{gap:10px}.panel-heading h2,.generate-header h1{font-size:18px}.generate-action-buttons,.settings-actions,.profile-action-column,.group-reset-actions{gap:6px}.small-button,.icon-button,button{min-height:36px;padding-left:10px;padding-right:10px;font-size:13px}input,select,textarea{min-height:38px;font-size:13px}.profile-form-grid,.voucher-form-grid,.router-form-grid,.settings-grid,.reports-grid,.database-browser-grid{gap:12px;min-width:0}.generate-table-scroll,.reports-table-scroll,.license-table-scroll,.system-log-table-scroll,.database-split-table{max-width:100%;overflow:auto}.voucher-data-table,.generate-data-table,.sold-data-table{font-size:12px}.voucher-data-table th,.voucher-data-table td,.generate-table-scroll th,.generate-table-scroll td{padding:6px 7px;white-space:nowrap}.sold-data-table{min-width:1660px}.generate-data-table{min-width:920px}.license-side-by-side{grid-template-columns:minmax(0,1fr)}.invoice-scroll-table{max-height:340px}}@media (max-width: 1180px) and (min-width: 861px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar .brand-logo,.brand-logo{max-width:112px}.content{padding:12px}.dashboard-top-grid,.revenue-grid,.client-metric-grid,.metric-grid,.reports-top-grid,.admin-revenue-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-top-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-top-grid .system-tile,.dashboard-top-grid .traffic-tile{min-height:86px;padding:10px}.dashboard-top-grid .system-tile strong,.dashboard-top-grid .traffic-tile strong{font-size:18px}.dashboard-main-grid,.client-dashboard-grid,.license-side-by-side,.settings-grid,.reports-grid{grid-template-columns:minmax(0,1fr)}.topbar-email{max-width:190px}}.disabled-plan-button{opacity:.58;box-shadow:none!important;filter:grayscale(.4)}.backup-app-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(34,211,238,.18);border-radius:8px;background:#0f172a52}.backup-app-card>div{display:grid;gap:4px;min-width:0}.backup-app-card strong{color:var(--modern-text, #e5e7eb)}.backup-app-card small{color:var(--modern-muted, #94a3b8)}@media (max-width: 640px){.backup-app-card{align-items:stretch;flex-direction:column}.backup-app-card button{width:100%}}.clickable-report-row{cursor:pointer}.clickable-report-row:hover td{background:#22d3ee1a}.selected-report-row td{background:#22d3ee29!important;color:var(--modern-text, #e5e7eb);font-weight:700}.topbar-clock{color:#facc15;border-color:#facc1557;background:linear-gradient(135deg,#facc1529,#0ea5e924);box-shadow:inset 0 0 0 1px #ffffff09,0 10px 24px #0ea5e914}.topbar-clock svg{color:#22d3ee;opacity:1}:root[data-theme=light] .topbar-clock{color:#0f766e;border-color:#0e749038;background:linear-gradient(135deg,#fef08ac7,#bae6fddb);box-shadow:0 8px 22px #0e74901f}:root[data-theme=light] .topbar-clock svg{color:#0284c7}.group-list-table-scroll{width:100%;max-height:min(62dvh,620px);overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:8px}.group-list-table{min-width:980px;margin:0}.group-list-table thead th{position:sticky;top:0;z-index:2;background:#0f172a;box-shadow:0 1px #94a3b82e}:root[data-theme=light] .group-list-table thead th{background:#f8fafc}@media (max-width: 860px){.group-list-table-scroll{max-height:min(66dvh,560px)}}.admin-license-table-scroll{width:100%;max-height:min(62dvh,620px);overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:8px}.admin-license-table{min-width:1120px;margin:0}.admin-license-table thead th,.invoice-scroll-table thead th{position:sticky;top:0;z-index:3;background:#0f172a;box-shadow:0 1px #94a3b82e}.invoice-scroll-table{max-height:min(52dvh,440px);border:1px solid rgba(148,163,184,.14);border-radius:8px}:root[data-theme=light] .admin-license-table thead th,:root[data-theme=light] .invoice-scroll-table thead th{background:#f8fafc}@media (max-width: 860px){.admin-license-table-scroll,.invoice-scroll-table{max-height:min(62dvh,520px)}}.group-search-form{margin-bottom:12px}.group-search-form label{min-width:min(100%,360px)}@media (max-width: 860px){.group-search-form{grid-template-columns:1fr}.group-search-form .voucher-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar-uptime{display:inline-flex;align-items:center;padding-left:7px;margin-left:2px;border-left:1px solid rgba(250,204,21,.28);color:#a7f3d0;font-weight:800}:root[data-theme=light] .topbar-uptime{border-left-color:#0f766e3d;color:#047857}@media (max-width: 700px){.topbar-uptime{padding-left:5px;font-size:10px}}.topbar-uptime{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px solid rgba(34,197,94,.34);border-radius:8px;background:linear-gradient(135deg,#22c55e29,#0ea5e91f);color:#a7f3d0;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}:root[data-theme=light] .topbar-uptime{border-color:#16a34a3d;background:linear-gradient(135deg,#bbf7d0d1,#bae6fdc7);color:#047857}@media (max-width: 700px){.topbar-uptime{min-height:34px;padding:0 8px;font-size:10px}}.online-summary-heading{align-items:center;gap:12px}.online-total-badge,.online-filter-count{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:9px 13px;border:1px solid rgba(56,189,248,.26);border-radius:10px;background:#0ea5e91a;color:var(--text-primary)}.online-total-badge svg{color:#38bdf8}.online-total-badge span,.online-filter-count span,.online-filter-count small{display:block;color:var(--text-muted);font-size:.76rem;font-weight:700}.online-total-badge strong,.online-filter-count strong{display:block;line-height:1;font-size:1.55rem;color:var(--text-primary)}.online-filter-count{background:#94a3b814;border-color:var(--border-color)}.online-filter-count strong{font-size:1.25rem}.online-table-scroll{width:100%;max-width:100%;max-height:min(620px,62vh);overflow:auto}.online-data-table{min-width:1440px;table-layout:fixed}.online-data-table th,.online-data-table td{vertical-align:middle;white-space:nowrap}.online-data-table th:nth-child(1),.online-data-table td:nth-child(1){width:130px}.online-data-table th:nth-child(2),.online-data-table td:nth-child(2){width:125px}.online-data-table th:nth-child(3),.online-data-table td:nth-child(3){width:135px}.online-data-table th:nth-child(4),.online-data-table td:nth-child(4){width:170px}.online-data-table th:nth-child(5),.online-data-table td:nth-child(5){width:165px}.online-data-table th:nth-child(6),.online-data-table td:nth-child(6){width:125px}.online-data-table th:nth-child(7),.online-data-table td:nth-child(7){width:155px}.online-data-table th:nth-child(8),.online-data-table td:nth-child(8){width:105px}.online-data-table th:nth-child(9),.online-data-table td:nth-child(9){width:155px}.online-data-table th:nth-child(10),.online-data-table td:nth-child(10){width:175px}.online-data-table tbody tr{--online-row-accent: #22d3ee;background:linear-gradient(90deg,#22d3ee2e,#0ea5e914 44%,#0f172a61);box-shadow:inset 3px 0 0 var(--online-row-accent)}.online-data-table tbody tr:nth-child(4n+2){--online-row-accent: #34d399;background:linear-gradient(90deg,#34d3992e,#14b8a614 44%,#0f172a61)}.online-data-table tbody tr:nth-child(4n+3){--online-row-accent: #a78bfa;background:linear-gradient(90deg,#a78bfa2e,#3b82f614 44%,#0f172a61)}.online-data-table tbody tr:nth-child(4n+4){--online-row-accent: #fbbf24;background:linear-gradient(90deg,#fbbf242e,#f9731614 44%,#0f172a61)}.online-data-table tbody tr:hover{background:linear-gradient(90deg,#22d3ee3d,#3b82f621 52%,#0f172a70)}.online-voucher-cell strong{color:var(--online-row-accent);text-shadow:0 0 14px rgba(34,211,238,.16)}.online-data-table .online-code{border:1px solid color-mix(in srgb,var(--online-row-accent) 36%,transparent);border-radius:7px;padding:3px 7px;background:#0f172a57;color:#e0f2fe}:root[data-theme=light] .online-data-table tbody tr{background:linear-gradient(90deg,color-mix(in srgb,var(--online-row-accent) 16%,#ffffff),#fff 58%)}:root[data-theme=light] .online-data-table tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--online-row-accent) 24%,#ffffff),#eff6ff 62%)}:root[data-theme=light] .online-voucher-cell strong{color:color-mix(in srgb,var(--online-row-accent) 72%,#0f172a);text-shadow:none}:root[data-theme=light] .online-data-table .online-code{background:color-mix(in srgb,var(--online-row-accent) 10%,#ffffff);color:#0f172a}.online-date-cell{font-variant-numeric:tabular-nums}.online-traffic-cell{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-weight:700;line-height:1.2}.online-traffic-cell span{display:block;color:var(--text-color)}.online-voucher-cell strong{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.online-code{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}@media (max-width: 720px){.online-summary-heading{align-items:stretch}.online-total-badge,.online-filter-count{width:100%;justify-content:flex-start}.online-data-table{min-width:920px}.online-table-scroll{height:min(58dvh,520px)}}@media (max-width: 980px){.dashboard-top-grid,.revenue-grid,.revenue-grid.superadmin-grid,.client-metric-grid,.metric-grid,.stats-grid,.license-summary-grid,.admin-revenue-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.client-dashboard-grid,.reports-top-grid,.reports-grid,.router-layout,.settings-grid,.two-column,.logo-designer-grid,.database-grid,.license-side-by-side{grid-template-columns:1fr}.client-metric-grid .revenue-card.wide,.revenue-card.wide{grid-column:span 2}.router-script-box{min-height:300px;height:min(52dvh,480px)}}@media (max-width: 720px){html,body,#root{max-width:100%;overflow-x:hidden}.content{padding:10px 10px 18px}.app-topbar{grid-template-columns:40px minmax(0,1fr);gap:8px;margin:-10px -10px 12px;padding:8px 10px 10px}.topbar-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 40px minmax(0,auto);align-items:center}.topbar-uptime,.topbar-clock,.account-menu-button{min-height:36px;border-radius:8px}.topbar-clock,.topbar-uptime{padding:0 8px;font-size:10.5px}.topbar-email{max-width:42vw;overflow:hidden;text-overflow:ellipsis}.account-dropdown{right:0;min-width:190px}.page-title-row,.panel-heading,.generate-header,.reports-chart-heading,.upgrade-modal-header{flex-direction:column;align-items:stretch}.dashboard-top-grid,.revenue-grid,.revenue-grid.superadmin-grid,.client-metric-grid,.metric-grid,.stats-grid,.license-summary-grid,.admin-revenue-summary-grid,.system-mini-grid,.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-metric-grid .revenue-card.wide,.revenue-card.wide,.tenant-metric.wide,.reports-total-card,.reports-chart-card,.reports-table-card,.reports-summary-card{grid-column:span 2}.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric,.stat-card,.mini-report{min-height:96px;padding:12px;gap:8px}.system-tile{align-items:flex-start;flex-direction:column}.system-tile svg,.traffic-tile svg,.revenue-card svg,.client-online-card svg,.metric-icon{width:18px;height:18px}.system-tile span,.traffic-tile span,.revenue-card span,.mini-stat span,.metric-label,.client-online-card span,.mini-report span{font-size:11px;line-height:1.25}.system-tile strong,.traffic-tile strong,.mini-report strong,.stat-card strong{font-size:clamp(18px,6vw,24px);overflow-wrap:anywhere}.revenue-card strong,.metric-value{font-size:clamp(20px,6vw,26px)}.tenant-metric--blue .metric-value--live,.client-online-card strong{font-size:clamp(32px,12vw,44px)}.tenant-plan-box,.voucher-limit-box,.upgrade-invoice-box,.billing-plan-current{align-items:stretch}.form-panel,.table-panel,.panel{padding:12px;min-width:0}.form-grid,.stack-form,.profile-form-grid,.router-form-grid,.router-summary-grid,.router-credential-grid,.settings-grid,.inline-fields,.billing-plan-form,.renewal-form,.report-setting-form,.reports-chart-filter,.voucher-filter-form,.generate-vertical-form{grid-template-columns:1fr;width:100%}.generate-form-only .stack-form>label,.generate-field-row{grid-template-columns:1fr;align-items:stretch;gap:6px}.generate-form-only .stack-form>button{width:100%;margin-left:0}.input-with-select,.input-group{grid-template-columns:minmax(0,1fr) 82px}.toolbar-row,.table-footer-row{align-items:stretch;flex-direction:column}.search-inline,.table-search{width:100%;min-width:0}.generate-action-buttons,.voucher-card-actions,.profile-form-actions,.router-toolbar,.router-script-actions,.voucher-filter-actions,.voucher-delete-actions,.backup-actions,.settings-actions,.license-inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.generate-action-buttons>*,.voucher-card-actions>*,.profile-form-actions>*,.router-toolbar>*,.router-script-actions>*,.voucher-filter-actions>*,.voucher-delete-actions>*,.backup-actions>*,.settings-actions>*,.license-inline-actions>*{width:100%;min-width:0;justify-content:center}.voucher-delete-actions select,.manual-payment-box,.compact-manual-payment{grid-column:1 / -1}.table-panel,.voucher-data-card.table-panel,.reports-table-card.table-panel{overflow:hidden}.generate-table-scroll,.reports-table-scroll,.license-table-scroll,.system-log-table-scroll,.admin-license-table-scroll,.group-list-table-scroll,.invoice-scroll-table,.database-split-table{width:100%;max-width:100%;max-height:none;height:min(58dvh,520px);overflow:auto;-webkit-overflow-scrolling:touch}.invoice-scroll-table{height:min(44dvh,380px)}.generate-data-table{min-width:760px}.sold-data-table{min-width:1660px}.voucher-data-table,table{font-size:12px}th,td,.voucher-data-table th,.voucher-data-table td{padding:8px 9px}.action-row,.inline-reset-form{flex-wrap:wrap}.small-button,.icon-button,button{min-height:40px}.router-script-box{height:min(48dvh,380px);min-height:260px;font-size:11px}.reports-chart-canvas{height:220px}.activity-list{max-height:min(44dvh,380px)}.activity-item{grid-template-columns:36px minmax(0,1fr);gap:10px}.activity-money{grid-column:2;justify-items:start}.logo-preview-canvas{min-height:150px;padding:14px}.upgrade-modal{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:14px}}@media (max-width: 430px){.content{padding-left:8px;padding-right:8px}.app-topbar{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.dashboard-top-grid,.revenue-grid,.revenue-grid.superadmin-grid,.client-metric-grid,.metric-grid,.stats-grid,.license-summary-grid,.admin-revenue-summary-grid,.system-mini-grid,.report-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric,.stat-card,.mini-report,.panel,.form-panel,.table-panel{padding:10px}.generate-action-buttons,.voucher-card-actions,.profile-form-actions,.router-toolbar,.router-script-actions,.voucher-filter-actions,.voucher-delete-actions,.backup-actions,.settings-actions,.license-inline-actions{grid-template-columns:1fr 1fr}.topbar-actions{grid-template-columns:minmax(0,1fr) 38px minmax(0,auto)}.topbar-email{max-width:38vw}}:root[data-theme=light] .status-pill.online{color:#166534;background:#dcfce7;border:1px solid #86efac}:root[data-theme=light] .status-pill.offline{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}:root[data-theme=light] .status-pill.pending{color:#854d0e;background:#fef3c7;border:1px solid #fde68a}:root[data-theme=light] .router-ping-result.online{color:#15803d;font-weight:800}:root[data-theme=light] .router-ping-result.offline{color:#dc2626;font-weight:800}:root[data-theme=light] .router-layout .small-button.neutral,:root[data-theme=light] .router-toolbar .small-button.neutral{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}:root[data-theme=light] .router-layout .small-button.neutral svg,:root[data-theme=light] .router-toolbar .small-button.neutral svg{color:#0f172a}.license-side-by-side{grid-template-columns:1fr!important;align-items:stretch}.license-side-by-side>.panel{height:auto}.invoice-side-panel{min-height:auto}.invoice-scroll-table{max-height:360px}@media (max-width: 720px){html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}.public-login-screen{width:100vw;min-height:100dvh;overflow:hidden;background:#050b14}.public-landing-frame{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100dvh;min-height:100dvh;border:0}.app-shell{display:block!important;width:100%;max-width:100vw;min-height:100dvh;overflow-x:hidden}.content{width:100%;max-width:100vw;min-height:100dvh;padding:10px 10px 18px;overflow-x:hidden}.sidebar{position:fixed!important;inset:0 auto 0 0;z-index:70;width:min(84vw,286px);max-width:286px;height:100dvh;max-height:100dvh;padding:16px 12px;overflow-y:auto;transform:translate(-104%);transition:transform .18s ease;box-shadow:22px 0 48px #00000061}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;width:100vw;height:100dvh;min-height:0;padding:0;border:0;border-radius:0;background:#02061794;box-shadow:none}.app-shell.sidebar-open .sidebar-backdrop{display:block}.app-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;width:auto;max-width:none;margin:-10px -10px 12px;padding:8px 10px 10px;border-left:0;border-right:0;border-radius:0}.mobile-menu-button{display:inline-grid!important;place-items:center;width:42px;min-width:42px;min-height:40px;padding:0}.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,auto);align-items:center;width:100%;min-width:0;gap:8px}.topbar-uptime{display:none}.topbar-clock,.topbar-email,.account-menu-button{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-email,.account-menu-button{max-width:46vw}}.table-mini-button{min-height:30px;padding:0 9px;font-size:11px;white-space:nowrap}.superadmin-revenue-panel{overflow:hidden}.superadmin-revenue-heading{align-items:flex-start;gap:14px}.superadmin-revenue-heading>div:first-child{min-width:0;display:grid;gap:5px}.superadmin-revenue-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.superadmin-revenue-filters select{min-height:38px;min-width:120px;padding:0 34px 0 12px;border:1px solid rgba(148,163,184,.22);border-radius:8px;color:var(--modern-text, #e5e7eb);background:#0206175c}.superadmin-revenue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.superadmin-revenue-summary>div{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--modern-border, rgba(148, 163, 184, .18));border-radius:8px;background:#0f172a47}.superadmin-revenue-summary span{color:var(--modern-muted, #94a3b8);font-size:12px;font-weight:800;text-transform:uppercase}.superadmin-revenue-summary strong{color:var(--modern-text, #e5e7eb);font-size:clamp(20px,2.5vw,30px);line-height:1}.superadmin-revenue-chart{position:relative;min-height:300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));align-items:end;gap:7px;padding:18px 12px 28px;border:1px solid var(--modern-border, rgba(148, 163, 184, .18));border-radius:8px;background:linear-gradient(180deg,#0ea5e914,#0f172a24);overflow-x:auto}.superadmin-revenue-chart:before{content:"";position:absolute;top:18px;right:12px;bottom:46px;left:12px;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(148,163,184,.18) 0 1px,transparent 1px 52px)}.superadmin-revenue-day{position:relative;z-index:1;min-width:22px;height:220px;display:grid;align-items:end;justify-items:center;gap:7px}.superadmin-revenue-day span{width:100%;min-height:4px;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,#22d3ee,#2563eb);box-shadow:0 10px 22px #0ea5e947}.superadmin-revenue-day span.empty{background:#94a3b82e;box-shadow:none}.superadmin-revenue-day small{color:var(--modern-muted, #94a3b8);font-size:10px;line-height:1}:root[data-theme=light] .superadmin-revenue-summary>div,:root[data-theme=light] .superadmin-revenue-chart{background:#fff;border-color:#0f172a1f}:root[data-theme=light] .superadmin-revenue-filters select{color:#0f172a;background:#fff;border-color:#0f172a29}:root[data-theme=light] .superadmin-revenue-summary strong{color:#0f172a}:root[data-theme=light] .superadmin-revenue-summary span,:root[data-theme=light] .superadmin-revenue-day small{color:#475569}@media (max-width: 720px){.superadmin-revenue-heading{align-items:stretch}.superadmin-revenue-filters{justify-content:stretch}.superadmin-revenue-filters select{flex:1 1 130px}.superadmin-revenue-summary{grid-template-columns:1fr}.superadmin-revenue-chart{min-height:260px;grid-template-columns:repeat(31,24px)}.superadmin-revenue-day{height:190px}}:root[data-theme=light] .settings-section-card{background:#fff;border-color:#94a3b857;box-shadow:0 10px 24px #0f172a0f}:root[data-theme=light] .settings-section-card .compact-heading h3,:root[data-theme=light] .settings-section-card label,:root[data-theme=light] .settings-section-card .checkbox-line{color:#0f172a}:root[data-theme=light] .settings-section-card .muted-text{color:#64748b}:root[data-theme=light] .settings-section-card input,:root[data-theme=light] .settings-section-card select,:root[data-theme=light] input.locked-input,:root[data-theme=light] select.locked-input{background:#f8fafc;border-color:#94a3b86b;color:#0f172a}:root[data-theme=light] .settings-section-card input::placeholder{color:#94a3b8}:root[data-theme=light] .settings-section-card .locked-input:disabled,:root[data-theme=light] .stack-form .locked-input:disabled{background:#eef2f7;border-color:#94a3b875;color:#334155;opacity:1;filter:none}.manual-invoice-box{gap:9px}.manual-invoice-payment{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(250,204,21,.28);border-radius:8px;background:#facc151a}.manual-invoice-payment span{color:#facc15;font-size:11px;font-weight:900;text-transform:uppercase}.manual-invoice-payment strong{color:#fef3c7;font-size:15px}.manual-invoice-payment small{color:#fde68a;line-height:1.45}.manual-invoice-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.invoice-manual-action{display:grid;gap:7px;min-width:220px;max-width:360px}.invoice-manual-action span{color:#fde68a;font-size:12px;line-height:1.35;white-space:normal}.invoice-manual-action .small-button{width:fit-content}:root[data-theme=light] .manual-invoice-payment{background:#fffbeb;border-color:#fbbf24}:root[data-theme=light] .manual-invoice-payment span{color:#92400e}:root[data-theme=light] .manual-invoice-payment strong{color:#78350f}:root[data-theme=light] .manual-invoice-payment small,:root[data-theme=light] .invoice-manual-action span{color:#92400e}@media (max-width: 720px){.manual-invoice-actions,.invoice-manual-action{width:100%}.manual-invoice-actions>*,.invoice-manual-action .small-button{width:100%;justify-content:center}}.remote-ping-result{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap;background:#94a3b824;color:#cbd5e1}.remote-ping-result.online{background:#22c55e29;color:#86efac}.remote-ping-result.offline{background:#ef444429;color:#fca5a5}.remote-ping-result.pending{background:#facc1524;color:#fde68a}:root[data-theme=light] .remote-ping-result{background:#f1f5f9;color:#475569}:root[data-theme=light] .remote-ping-result.online{background:#dcfce7;color:#166534}:root[data-theme=light] .remote-ping-result.offline{background:#fee2e2;color:#991b1b}:root[data-theme=light] .remote-ping-result.pending{background:#fef3c7;color:#92400e}.remote-row,.remote-selected-row{cursor:pointer}.remote-selected-row{position:relative;box-shadow:inset 4px 0 #22d3ee}.remote-selected-row td{background:#22d3ee1c!important}.select-row-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;border:1px solid rgba(148,163,184,.28);border-radius:7px;padding:7px 10px;color:var(--text-muted);background:#0f172a8c;font-weight:800;cursor:pointer}.select-row-button.active{color:#06212a;border-color:#22d3eed9;background:linear-gradient(135deg,#22d3ee,#2dd4bf)}.endpoint-badge{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:142px;border-radius:8px;padding:7px 9px;border:1px solid rgba(148,163,184,.22);font-size:.78rem;line-height:1.15;color:var(--text-primary);background:#0f172a80}.endpoint-badge b{font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.endpoint-badge.winbox b{color:#38bdf8}.endpoint-badge.api b{color:#facc15}.inline-code{display:inline-block;border-radius:6px;padding:4px 7px;color:var(--text-primary);background:#02061759;border:1px solid rgba(148,163,184,.18);white-space:nowrap}.ip-code{color:#67e8f9;font-weight:800}.selected-remote-summary{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;border:1px solid rgba(34,211,238,.28);border-radius:10px;padding:12px 14px;background:linear-gradient(135deg,#0ea5e924,#2dd4bf14)}.selected-remote-summary span{color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.selected-remote-summary strong{color:var(--text-primary);font-size:1.08rem}.selected-remote-summary small{color:var(--text-muted);font-weight:700}:root[data-theme=light] .select-row-button{color:#475569;background:#f8fafc;border-color:#cbd5e1}:root[data-theme=light] .select-row-button.active{color:#083344;background:linear-gradient(135deg,#67e8f9,#5eead4)}:root[data-theme=light] .remote-selected-row td{background:#0ea5e91f!important}:root[data-theme=light] .endpoint-badge,:root[data-theme=light] .inline-code{color:#0f172a;background:#f8fafc;border-color:#dbe3ef}:root[data-theme=light] .ip-code{color:#0369a1}:root[data-theme=light] .selected-remote-summary{background:linear-gradient(135deg,#0ea5e91f,#2dd4bf14);border-color:#0ea5e947}@media (max-width: 760px){.endpoint-badge{min-width:118px}.select-row-button{min-width:68px;padding:6px 8px}}.small-button.copied-button{color:#052e16;border-color:#22c55ee6;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 0 0 3px #22c55e2e,0 10px 22px #22c55e38;transform:translateY(1px) scale(.98)}.small-button.copied-button svg{stroke-width:3}.endpoint-badge.plain-endpoint{justify-content:center;min-width:166px;min-height:38px;font-size:.92rem;font-weight:900;letter-spacing:0}@media (max-width: 760px){.endpoint-badge.plain-endpoint{min-width:138px;font-size:.86rem}}.table-actions-row,.generate-action-buttons,.voucher-card-actions,.router-toolbar,.router-script-actions,.backup-actions,.settings-actions,.profile-form-actions,.voucher-filter-actions,.voucher-delete-actions,.manual-invoice-actions,.invoice-manual-action,.license-inline-actions{min-width:0;flex-wrap:wrap}.search-box,.table-actions-row .search-box{min-width:min(100%,280px);max-width:100%}.search-box input,.table-search,.table-actions-row input,.voucher-filter-form input,.voucher-filter-form select{min-width:0;width:100%}.app-sessions-table-scroll,.online-table-scroll,.sold-table-scroll,.generate-table-scroll,.system-log-table-scroll,.reports-table-scroll,.license-table-scroll,.admin-license-table-scroll,.invoice-scroll-table,.group-list-table-scroll,.database-split-table{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-panel,.panel,.form-panel,.voucher-data-card,.router-script-panel,.license-unified-panel,.invoice-side-panel{min-width:0;max-width:100%}.app-session-device,td,th{overflow:hidden;text-overflow:ellipsis}@media (max-width: 1180px){.content{min-width:0}.app-topbar{gap:10px}.topbar-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.topbar-email,.account-menu-button{max-width:min(32vw,260px)}.router-layout,.license-side-by-side,.database-grid,.settings-grid,.reports-grid,.reports-top-grid,.dashboard-main-grid,.client-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.router-script-box{height:min(42dvh,360px);min-height:240px}}@media (max-width: 860px){html,body,#root{max-width:100%;overflow-x:hidden}.content{width:100%;max-width:100%;padding:12px}.app-topbar{margin:-4px -4px 12px}.topbar-actions{width:100%}.topbar-email,.topbar-clock,.topbar-uptime,.account-menu-button{max-width:100%}.page-title-row,.panel-heading,.toolbar-heading,.generate-header{align-items:stretch;flex-direction:column}.table-actions-row,.toolbar-row,.table-footer-row,.generate-action-buttons,.voucher-card-actions,.router-toolbar,.router-script-actions,.backup-actions,.settings-actions,.profile-form-actions,.voucher-filter-actions,.voucher-delete-actions,.manual-invoice-actions,.invoice-manual-action,.license-inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.table-actions-row .search-box,.toolbar-row .search-inline,.voucher-filter-actions select,.voucher-delete-actions select,.group-search-form label{grid-column:1 / -1;width:100%;min-width:0}.small-button,.icon-button,.primary-action-button,.secondary-action-button,.danger-action-button,.upgrade-account-button,.table-actions-row button,.voucher-card-actions button,.router-toolbar button,.router-script-actions button,.backup-actions button,.settings-actions button,.profile-form-actions button,.voucher-filter-actions button,.voucher-delete-actions button,.manual-invoice-actions button,.invoice-manual-action button,.license-inline-actions button{width:100%;min-width:0;justify-content:center}.dashboard-top-grid,.revenue-grid,.client-metric-grid,.metric-grid,.license-summary-grid,.report-summary-grid,.admin-revenue-summary-grid,.router-summary-grid,.profile-form-grid,.voucher-form-grid,.router-form-grid,.router-credential-grid,.inline-fields,.billing-plan-form,.tenant-plan-actions,.renewal-form,.logo-designer-grid,.two-column,.stats-grid{grid-template-columns:minmax(0,1fr)!important}.generate-vertical-form,.voucher-filter-form,.report-setting-form,.group-search-form{width:100%;grid-template-columns:minmax(0,1fr)!important}.generate-field-row,.generate-form-only .stack-form>label{grid-template-columns:minmax(0,1fr)!important;align-items:stretch;gap:6px}.input-group{grid-template-columns:minmax(0,1fr) 82px}.panel,.form-panel,.table-panel{padding:12px;overflow:hidden}.generate-table-scroll,.online-table-scroll,.sold-table-scroll,.system-log-table-scroll,.reports-table-scroll,.license-table-scroll,.admin-license-table-scroll,.invoice-scroll-table,.group-list-table-scroll{max-height:min(64dvh,560px)}.database-split-body{max-height:min(58dvh,520px)}.voucher-data-table,.generate-data-table,.online-data-table,.sold-data-table,.group-list-table,.admin-license-table,.license-table-scroll table,.system-log-table-scroll table,.reports-table-scroll table,.invoice-scroll-table table,.app-sessions-table-scroll table{min-width:820px;font-size:12px}.sold-data-table,.admin-license-table{min-width:1040px}.router-script-box{min-height:260px;height:min(50dvh,420px)}.endpoint-badge,.endpoint-badge.plain-endpoint,.router-forward-port,.inline-code{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 640px){.content{padding:10px}.app-topbar{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;margin:-10px -10px 10px;padding:8px 10px 10px}.topbar-title{font-size:1rem;min-width:0}.topbar-actions{grid-column:3;display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:calc(100vw - 120px);flex-wrap:nowrap}.topbar-clock{display:none}.topbar-actions>*{min-width:0;flex:0 0 auto}.topbar-clock,.topbar-uptime,.account-menu-button,.theme-toggle-button{width:auto;min-width:0;min-height:36px;justify-content:center;padding:0 7px;font-size:10.5px}.theme-toggle-button{width:36px;flex:0 0 36px}.account-menu{width:auto;min-width:0}.account-menu-button{max-width:min(43vw,190px)}.topbar-email{max-width:100%}.topbar-email span,.account-menu-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle-button{padding:0}.account-dropdown{right:0;left:auto;min-width:min(220px,86vw)}.sidebar{width:min(86vw,292px)}.menu-button{font-size:14px}.panel,.form-panel,.table-panel{padding:10px}.system-tile,.traffic-tile,.revenue-card,.client-online-card,.tenant-metric,.metric-card,.mini-report{min-height:86px;padding:12px}.system-tile strong,.traffic-tile strong,.metric-value,.revenue-card strong,.metric-card strong,.mini-report strong{font-size:22px;overflow-wrap:anywhere}.table-actions-row,.toolbar-row,.table-footer-row,.generate-action-buttons,.voucher-card-actions,.router-toolbar,.router-script-actions,.backup-actions,.settings-actions,.profile-form-actions,.voucher-filter-actions,.voucher-delete-actions,.manual-invoice-actions,.invoice-manual-action,.license-inline-actions,.group-search-form .voucher-filter-actions{grid-template-columns:minmax(0,1fr)}.small-button,.icon-button,.primary-action-button,.secondary-action-button,.danger-action-button,.upgrade-account-button{min-height:38px;font-size:13px}input,select,textarea{width:100%;min-width:0}.input-group{grid-template-columns:minmax(0,1fr) 72px}.voucher-data-table,.generate-data-table,.online-data-table,.sold-data-table,.group-list-table,.admin-license-table,.license-table-scroll table,.system-log-table-scroll table,.reports-table-scroll table,.invoice-scroll-table table,.app-sessions-table-scroll table{min-width:760px}.router-credential button,.router-forward-port,.endpoint-badge,.inline-code{width:100%}.license-cert-badge,.license-table-seal{max-width:100%}.manual-payment-box,.compact-manual-payment,.invoice-manual-action,.manual-invoice-payment{overflow-wrap:anywhere}}@media (max-width: 430px){.topbar-actions{grid-template-columns:minmax(0,1fr)}.topbar-clock,.topbar-uptime,.account-menu-button,.theme-toggle-button{justify-content:center}.voucher-data-table,.generate-data-table,.online-data-table,.sold-data-table,.group-list-table,.admin-license-table,.license-table-scroll table,.system-log-table-scroll table,.reports-table-scroll table,.invoice-scroll-table table,.app-sessions-table-scroll table{min-width:700px}}.account-menu-button.has-billing-inbox{border-color:#facc156b;background:linear-gradient(135deg,#facc151f,#0ea5e91f)}.billing-inbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;color:#07111f;background:linear-gradient(135deg,#facc15,#fb7185);box-shadow:0 0 0 2px #0f172ad1,0 8px 18px #facc1538;font-size:10.5px;font-weight:900;line-height:1}.account-dropdown-item.billing{color:#fef3c7;background:#facc151a}.account-dropdown-item.billing:hover,.account-dropdown-item.billing:focus{color:#07111f;background:linear-gradient(135deg,#facc15,#22d3ee)}:root[data-theme=light] .account-menu-button.has-billing-inbox{border-color:#d9770657;background:linear-gradient(135deg,#fef08ac2,#bae6fdc7)}:root[data-theme=light] .billing-inbox-badge{color:#451a03;box-shadow:0 0 0 2px #fff,0 8px 18px #d977062e}:root[data-theme=light] .account-dropdown-item.billing{color:#92400e;background:#fef3c7}:root[data-theme=light] .account-dropdown-item.billing:hover,:root[data-theme=light] .account-dropdown-item.billing:focus{color:#451a03;background:linear-gradient(135deg,#fde68a,#bae6fd)}@media (max-width: 640px){.billing-inbox-badge{min-width:18px;height:18px;padding:0 4px;font-size:10px}}.revenue-grid.superadmin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.revenue-grid.superadmin-grid .revenue-card{min-width:0}.revenue-grid.superadmin-grid .revenue-card strong,.revenue-grid.superadmin-grid .revenue-card span,.revenue-grid.superadmin-grid .revenue-card small{min-width:0;overflow-wrap:anywhere}@media (max-width: 1280px) and (min-width: 861px){.revenue-grid.superadmin-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.revenue-grid.superadmin-grid .revenue-card{min-height:94px;padding:11px;gap:10px}.revenue-grid.superadmin-grid .revenue-card strong{font-size:21px}.revenue-grid.superadmin-grid .revenue-card span,.revenue-grid.superadmin-grid .revenue-card small{font-size:11px}}@media (max-width: 860px){.revenue-grid.superadmin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 480px){.revenue-grid.superadmin-grid{grid-template-columns:minmax(0,1fr)!important}}.push-notification-card{align-items:stretch}.push-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media (max-width: 720px){.push-notification-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.push-notification-actions .small-button{width:100%}}.public-install-button{position:fixed;z-index:60;right:22px;bottom:22px;min-height:52px;padding:0 18px 0 12px;border:1px solid rgba(250,204,21,.55);border-radius:999px;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#facc15,#22d3ee 55%,#2563eb);color:#06101f;font-weight:900;letter-spacing:0;box-shadow:0 18px 48px #22d3ee47,0 8px 20px #0000003d;isolation:isolate}.public-install-button:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffff57,#ffffff0d);opacity:.55}.public-install-button:hover{transform:translateY(-2px);box-shadow:0 22px 56px #facc153d,0 10px 24px #00000047}.public-install-icon{width:34px;height:34px;border-radius:14px;display:inline-grid;place-items:center;color:#facc15;background:linear-gradient(145deg,#061828,#0b2a3a);box-shadow:inset 0 0 0 1px #ffffff29}[data-theme=light] .public-install-button{border-color:#2563eb2e;box-shadow:0 18px 42px #2563eb33,0 8px 18px #0f172a1f}@media (max-width: 720px){.public-install-button{left:14px;right:14px;bottom:14px;justify-content:center;min-height:50px}}.public-install-toast{position:fixed;z-index:70;right:22px;bottom:86px;min-width:260px;max-width:min(360px,calc(100vw - 28px));display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(34,211,238,.32);border-radius:16px;background:linear-gradient(145deg,#061828f5,#0b2a3af5);color:#e5f7ff;box-shadow:0 18px 48px #00000052,0 0 0 1px #ffffff0d inset;animation:publicInstallToastIn .22s ease-out}.public-install-toast-icon{width:38px;height:38px;border-radius:14px;display:inline-grid;place-items:center;flex:0 0 auto;color:#06101f;background:linear-gradient(135deg,#facc15,#22d3ee)}.public-install-toast div{min-width:0;display:grid;gap:3px}.public-install-toast strong{font-size:14px;line-height:1.1}.public-install-toast small{color:#bae6fd;font-size:12px;line-height:1.25}@keyframes publicInstallToastIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .public-install-toast{background:#fffffff5;color:#0f172a;border-color:#2563eb2e;box-shadow:0 18px 42px #0f172a29}[data-theme=light] .public-install-toast small{color:#0369a1}@media (max-width: 720px){.public-install-toast{left:14px;right:14px;bottom:76px;min-width:0;max-width:none}}@media (max-width: 720px){.app-topbar:has(.superadmin-topbar-actions){grid-template-columns:40px minmax(72px,1fr) auto;gap:6px;padding:7px 8px}.app-topbar:has(.superadmin-topbar-actions) .topbar-title{font-size:.95rem;line-height:1}.superadmin-topbar-actions{grid-column:auto!important;display:flex!important;justify-content:flex-end;align-items:center;width:auto!important;min-width:0;gap:5px}.superadmin-topbar-actions .topbar-uptime{display:inline-flex!important;min-width:76px;max-width:88px;min-height:32px;align-items:center;justify-content:center;padding:0 6px;border:1px solid rgba(250,204,21,.34);border-radius:9px;background:#facc151a;color:#fde68a;font-size:9.5px;font-weight:900;white-space:nowrap}.superadmin-topbar-actions .topbar-clock{min-width:78px;max-width:86px;min-height:32px;justify-content:center;padding:0 6px;font-size:9.5px;border-radius:9px}.superadmin-topbar-actions .theme-toggle-button{width:32px;min-width:32px;min-height:32px;border-radius:9px}.superadmin-topbar-actions .account-menu,.superadmin-topbar-actions .account-menu-button{width:34px!important;min-width:34px;max-width:34px!important}.superadmin-topbar-actions .account-menu-button{min-height:32px;justify-content:center;padding:0;border-radius:9px}.superadmin-topbar-actions .account-menu-button>span:not(.billing-inbox-badge){display:none}.superadmin-topbar-actions .account-dropdown{right:0;min-width:min(230px,86vw)}}@media (max-width: 390px){.app-topbar:has(.superadmin-topbar-actions){grid-template-columns:38px minmax(54px,.78fr) auto;gap:4px}.superadmin-topbar-actions{gap:4px}.superadmin-topbar-actions .topbar-uptime{min-width:68px;max-width:76px;font-size:8.7px;padding:0 4px}.superadmin-topbar-actions .topbar-clock{min-width:66px;max-width:74px;font-size:8.7px;padding:0 4px}.superadmin-topbar-actions .topbar-clock svg{display:none}.superadmin-topbar-actions .theme-toggle-button{width:30px;min-width:30px}.superadmin-topbar-actions .account-menu,.superadmin-topbar-actions .account-menu-button{width:30px!important;min-width:30px;max-width:30px!important}}.topbar-refresh-button{color:#67e8f9}.topbar-refresh-button.is-refreshing svg{animation:radiusall-refresh-spin .65s linear infinite}@keyframes radiusall-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 430px){.superadmin-topbar-actions .topbar-refresh-button{width:32px;min-width:32px;min-height:32px;border-radius:9px}}@media (max-width: 390px){.superadmin-topbar-actions .topbar-refresh-button{width:30px;min-width:30px}}.billing-plan-current-stack{gap:5px;align-items:flex-start}.billing-plan-current-stack small{color:#94a3b8;font-size:12px;font-weight:700;line-height:1.35}:root[data-theme=light] .billing-plan-current-stack small{color:#475569}@media (max-width: 1100px){.billing-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-form>.small-button{min-height:42px}}@media (max-width: 680px){.billing-plan-form{grid-template-columns:1fr}}.billing-period-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,211,238,.4);background:#22d3ee24;color:#7dd3fc;font-weight:800;white-space:nowrap}:root[data-theme=light] .billing-period-pill{border-color:#0284c747;background:#0ea5e921;color:#0369a1}.package-kind-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(250,204,21,.38);background:#facc151f;color:#fde68a;font-weight:800;white-space:nowrap}:root[data-theme=light] .package-kind-pill{border-color:#ca8a0447;background:#eab30824;color:#854d0e}.addon-list-table-scroll{max-height:min(58vh,620px);overflow:auto;border:1px solid var(--border);border-radius:12px}.addon-list-table-scroll table{margin:0;min-width:980px}.addon-list-table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--panel);box-shadow:0 1px 0 var(--border)}:root[data-theme=light] .addon-list-table-scroll thead th{background:#f8fafc}@media (max-width: 760px){.addon-list-table-scroll{max-height:62vh;border-radius:10px}.addon-list-table-scroll table{min-width:900px}}.split-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,130px);gap:10px;align-items:end}@media (max-width: 560px){.split-input-row{grid-template-columns:1fr}}.pppoe-note-panel{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted)}.compact-form-grid{margin-bottom:14px}@media (max-width: 760px){.router-script-panel{order:-1}.router-script-heading{display:grid;grid-template-columns:1fr;align-items:stretch}.router-script-actions{grid-template-columns:1fr 1fr!important;gap:10px}.router-script-actions button{min-height:40px;border-radius:10px;font-size:13px;font-weight:900}.router-script-selector{display:grid;gap:6px}.router-credential-grid{grid-template-columns:1fr!important;gap:10px}.router-credential button{min-height:44px;font-size:13px;white-space:normal;overflow-wrap:anywhere}.router-script-box{height:36vh!important;min-height:220px!important;max-height:360px;font-size:11px;line-height:1.45;padding:10px;white-space:pre;overflow:auto;-webkit-overflow-scrolling:touch}.router-layout .table-panel{overflow-x:auto}.router-layout .table-panel table{min-width:760px}}.remote-vpn-workspace{grid-template-columns:minmax(0,1fr)}.remote-vpn-list-panel{min-width:0}.remote-vpn-table-scroll{overflow-x:auto;scrollbar-width:thin}.remote-vpn-table{min-width:1040px;table-layout:fixed}.remote-vpn-table th,.remote-vpn-table td{padding:9px 10px;vertical-align:middle}.remote-vpn-table th:nth-child(1),.remote-vpn-table td:nth-child(1){width:82px}.remote-vpn-table th:nth-child(2),.remote-vpn-table td:nth-child(2){width:130px}.remote-vpn-table th:nth-child(3),.remote-vpn-table td:nth-child(3){width:112px}.remote-vpn-table th:nth-child(4),.remote-vpn-table td:nth-child(4),.remote-vpn-table th:nth-child(5),.remote-vpn-table td:nth-child(5){width:145px}.remote-vpn-table th:nth-child(6),.remote-vpn-table td:nth-child(6){width:88px}.remote-vpn-table th:nth-child(7),.remote-vpn-table td:nth-child(7),.remote-vpn-table th:nth-child(8),.remote-vpn-table td:nth-child(8){width:138px}.remote-vpn-table th:nth-child(9),.remote-vpn-table td:nth-child(9){width:240px}.remote-vpn-table th:last-child,.remote-vpn-table td:last-child{position:sticky;right:0;z-index:2;background:#0f172af5;box-shadow:-10px 0 18px #02061733}.remote-vpn-table th:last-child{z-index:3}.remote-vpn-table .remote-action-cell{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.remote-vpn-table .remote-action-cell .small-button{min-height:32px;padding:7px 9px}.remote-vpn-table .remote-action-cell .remote-ping-result{width:100%;white-space:normal}.remote-vpn-table .endpoint-badge{width:100%;min-width:0}:root[data-theme=light] .remote-vpn-table th:last-child,:root[data-theme=light] .remote-vpn-table td:last-child{background:#fff;box-shadow:-10px 0 18px #0f172a14}@media (max-width: 1180px) and (min-width: 761px){.remote-vpn-table{min-width:940px}.remote-vpn-table th:nth-child(3),.remote-vpn-table td:nth-child(3){display:none}}@media (max-width: 760px){.router-layout .compact-table-scroll:has(.remote-row),.router-layout .compact-table-scroll:has(.remote-selected-row){overflow-x:visible;max-height:none}.router-layout .compact-table-scroll table:has(.remote-row),.router-layout .compact-table-scroll table:has(.remote-selected-row),.router-layout .compact-table-scroll table:has(.remote-row) thead,.router-layout .compact-table-scroll table:has(.remote-selected-row) thead,.router-layout .compact-table-scroll table:has(.remote-row) tbody,.router-layout .compact-table-scroll table:has(.remote-selected-row) tbody,.router-layout .compact-table-scroll table:has(.remote-row) tr,.router-layout .compact-table-scroll table:has(.remote-selected-row) tr,.router-layout .compact-table-scroll table:has(.remote-row) td,.router-layout .compact-table-scroll table:has(.remote-selected-row) td{display:block;width:100%}.router-layout .compact-table-scroll table:has(.remote-row) thead,.router-layout .compact-table-scroll table:has(.remote-selected-row) thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.router-layout .compact-table-scroll .remote-row,.router-layout .compact-table-scroll .remote-selected-row{margin:0 0 12px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0f172a8f;box-shadow:0 12px 28px #02061738;overflow:hidden}.router-layout .compact-table-scroll .remote-selected-row{border-color:#22d3eea6;box-shadow:inset 4px 0 #22d3ee,0 12px 28px #02061738}.router-layout .compact-table-scroll .remote-row td,.router-layout .compact-table-scroll .remote-selected-row td{position:relative;min-height:42px;padding:10px 12px 10px 116px;border-bottom:1px solid rgba(148,163,184,.14);background:transparent!important;text-align:left;white-space:normal}.router-layout .compact-table-scroll .remote-row td:before,.router-layout .compact-table-scroll .remote-selected-row td:before{content:attr(data-label);position:absolute;left:12px;top:12px;width:92px;color:var(--text-muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.router-layout .compact-table-scroll .remote-row td:first-child,.router-layout .compact-table-scroll .remote-selected-row td:first-child{padding-left:12px}.router-layout .compact-table-scroll .remote-row td:first-child:before,.router-layout .compact-table-scroll .remote-selected-row td:first-child:before{display:none}.router-layout .compact-table-scroll .remote-action-cell{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px!important}.router-layout .compact-table-scroll .remote-action-cell:before{display:none}.router-layout .compact-table-scroll .remote-action-cell .small-button,.router-layout .compact-table-scroll .remote-action-cell .remote-ping-result,.router-layout .compact-table-scroll .select-row-button,.router-layout .compact-table-scroll .endpoint-badge,.router-layout .compact-table-scroll .inline-code{width:100%;min-width:0;justify-content:center}.router-layout .compact-table-scroll .remote-ping-result{grid-column:1 / -1;white-space:normal;text-align:center}:root[data-theme=light] .router-layout .compact-table-scroll .remote-row,:root[data-theme=light] .router-layout .compact-table-scroll .remote-selected-row{background:#fff;border-color:#cbd5e1;box-shadow:0 10px 22px #0f172a14}}.router-selected-row td{background:#0ea5e91c!important;border-top:1px solid rgba(34,211,238,.28);border-bottom:1px solid rgba(34,211,238,.28)}.router-selected-row td:first-child{box-shadow:inset 4px 0 #22d3ee;font-weight:900}.small-button.info.selected-action{background:linear-gradient(135deg,#06b6d4,#2563eb);border-color:#7dd3fcbf;color:#fff;box-shadow:0 0 0 2px #22d3ee2e,0 10px 24px #2563eb38}.router-selected-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(34,211,238,.34);border-radius:10px;background:linear-gradient(135deg,#0ea5e929,#2563eb1a)}.router-selected-banner span{color:#67e8f9;font-size:11px;font-weight:900;text-transform:uppercase}.router-selected-banner strong{color:#f8fafc;font-size:15px}.router-selected-banner small{color:#cbd5e1;font-weight:800;white-space:nowrap}:root[data-theme=light] .router-selected-row td{background:#e0f2fe!important;border-top-color:#7dd3fc;border-bottom-color:#7dd3fc}:root[data-theme=light] .router-selected-row td:first-child{box-shadow:inset 4px 0 #0284c7}:root[data-theme=light] .router-selected-banner{background:linear-gradient(135deg,#e0f2fe,#eef2ff);border-color:#7dd3fc}:root[data-theme=light] .router-selected-banner span{color:#0369a1}:root[data-theme=light] .router-selected-banner strong{color:#0f172a}:root[data-theme=light] .router-selected-banner small{color:#334155}@media (max-width: 760px){.router-selected-banner{grid-template-columns:1fr;gap:4px}.router-selected-banner small{white-space:normal}}.router-clickable-row,.router-selected-row{cursor:pointer}.router-clickable-row:hover td{background:#0ea5e90f}.router-name-cell{display:grid;gap:5px;min-width:130px}.router-name-cell strong{color:inherit;font-weight:900}.router-active-badge{display:inline-flex;width:max-content;align-items:center;min-height:22px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#facc15,#22d3ee);color:#082f49;font-size:11px;font-weight:950;text-transform:uppercase;box-shadow:0 0 0 2px #facc152e,0 8px 18px #22d3ee2e}.router-selected-row td{background:#0ea5e933!important;border-top:1px solid rgba(250,204,21,.45);border-bottom:1px solid rgba(34,211,238,.45)}.router-selected-row td:first-child{box-shadow:inset 6px 0 #facc15}.router-selected-row .router-forward-port{border-color:#22d3ee73;background:#082f498c}:root[data-theme=light] .router-clickable-row:hover td{background:#f0f9ff}:root[data-theme=light] .router-selected-row td{background:#dff6ff!important;border-top-color:#facc15;border-bottom-color:#38bdf8}:root[data-theme=light] .router-selected-row .router-forward-port{background:#fff;border-color:#38bdf8}@media (max-width: 760px){.router-name-cell{min-width:0}}.menu-group{display:grid;gap:6px}.menu-group-title{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(148,163,184,.1);border-radius:8px;color:#e2e8f0;background:#0f172a61;font:inherit;font-weight:700;cursor:pointer;text-align:left}.menu-group-title span{flex:1}.menu-group-chevron{transition:transform .18s ease}.menu-group.open .menu-group-chevron{transform:rotate(180deg)}.menu-group.active .menu-group-title{border-color:#22d3ee42;color:#fff;background:#0ea5e929}.submenu{display:grid;gap:6px;padding-left:14px}.submenu .menu-button{min-height:38px;padding-left:10px}:root[data-theme=light] .menu-group-title{color:#334155;background:#f1f5f9;border-color:#e2e8f0}:root[data-theme=light] .menu-group.active .menu-group-title{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.router-note-cell{color:var(--text-color);max-width:240px;min-width:140px;white-space:normal;overflow-wrap:anywhere}.router-list-panel{min-width:0;overflow:hidden}.router-card-list{display:grid;gap:10px;max-height:min(68vh,720px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.router-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a6b;cursor:pointer;min-width:0}.router-card:hover{border-color:#38bdf873;background:#0ea5e914}.router-card.selected{border-color:#facc1594;box-shadow:inset 4px 0 #facc15;background:#0ea5e924}.router-card-main,.router-card-title,.router-card-meta,.router-card-note,.router-card-ports,.router-card-actions{min-width:0}.router-card-main{display:grid;gap:8px}.router-card-title{display:flex;align-items:center;justify-content:flex-start;gap:10px}.router-card-title .status-pill{margin-left:auto}.router-title-note{min-width:0;max-width:42%;color:var(--muted);font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-card-title strong{font-size:1rem;font-weight:900;overflow-wrap:anywhere}.router-main-card .router-card-title strong{color:#67e8f9;text-shadow:0 0 18px rgba(34,211,238,.18)}.router-main-card.selected .router-card-title strong{color:#fde047}.router-card-meta,.router-card-ports{display:flex;flex-wrap:wrap;gap:7px}.router-card-meta span,.router-card-ports span{display:inline-flex;max-width:100%;min-height:26px;align-items:center;padding:4px 8px;border-radius:7px;background:#0f172a7a;color:var(--text-muted);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.router-main-card .router-card-ports span{border:1px solid rgba(34,211,238,.24);background:#082f4975;color:#7dd3fc}.router-main-card.selected .router-card-ports span{border-color:#facc1561;background:#713f1261;color:#fde68a}.router-card-note{display:grid;gap:3px}.router-card-note span{color:var(--text-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.router-card-note strong{color:var(--text-color);font-size:.9rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.router-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.router-card-actions .small-button{width:100%;justify-content:center;min-width:0}:root[data-theme=light] .router-card{background:#fff;border-color:#dbe3ef}:root[data-theme=light] .router-card:hover{background:#f0f9ff;border-color:#7dd3fc}:root[data-theme=light] .router-card.selected{background:#e0f2fe;border-color:#facc15}:root[data-theme=light] .router-card-meta span,:root[data-theme=light] .router-card-ports span{background:#f8fafc;color:#475569}:root[data-theme=light] .router-main-card .router-card-title strong{color:#0369a1;text-shadow:none}:root[data-theme=light] .router-main-card.selected .router-card-title strong{color:#92400e}:root[data-theme=light] .router-main-card .router-card-ports span{border-color:#bae6fd;background:#e0f2fe;color:#075985}:root[data-theme=light] .router-main-card.selected .router-card-ports span{border-color:#fde68a;background:#fef3c7;color:#92400e}@media (min-width: 1180px){.router-card{grid-template-columns:minmax(0,1fr) 148px;align-items:start}.router-card-actions{grid-template-columns:1fr}}@media (max-width: 760px){.router-card-title{align-items:flex-start;flex-direction:column}.router-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.router-card-list{max-height:min(62vh,520px)}}.reports-table-heading{min-height:44px}.reports-data-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%}.reports-data-table th,.reports-data-table td{padding:11px 13px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle;white-space:nowrap}.reports-data-table th{color:#cbd5e1;font-size:.72rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.reports-data-table td{color:var(--text-color);font-size:.9rem;font-variant-numeric:tabular-nums}.reports-data-table th:first-child,.reports-data-table td:first-child{min-width:145px;white-space:normal;overflow-wrap:anywhere}.reports-data-table th:not(:first-child),.reports-data-table td:not(:first-child){text-align:right}.reports-data-table tbody tr:nth-child(2n) td{background:#0f172a2e}.reports-data-table tbody tr:hover td{background:#0ea5e914}.reports-clickable-row{cursor:pointer}.reports-data-table .selected-report-row td,.reports-data-table tr.selected-report-row td{background:#0ea5e92e!important;border-top:1px solid rgba(56,189,248,.28);border-bottom:1px solid rgba(56,189,248,.28)}.reports-data-table .selected-report-row td:first-child,.reports-data-table tr.selected-report-row td:first-child{box-shadow:inset 4px 0 #38bdf8}.reports-table-scroll{scrollbar-width:thin}.reports-table-scroll::-webkit-scrollbar{width:8px;height:8px}.reports-table-scroll::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}:root[data-theme=light] .reports-data-table th{color:#475569}:root[data-theme=light] .reports-data-table tbody tr:nth-child(2n) td{background:#f8fafc}:root[data-theme=light] .reports-data-table tbody tr:hover td{background:#eff6ff}:root[data-theme=light] .reports-data-table .selected-report-row td,:root[data-theme=light] .reports-data-table tr.selected-report-row td{background:#e0f2fe!important;border-top-color:#7dd3fc;border-bottom-color:#7dd3fc}@media (max-width: 760px){.reports-table-scroll{max-height:min(420px,54vh)}.reports-data-table th,.reports-data-table td{padding:10px 11px}.reports-data-table th:first-child,.reports-data-table td:first-child{min-width:132px}}.reports-data-table .reports-total-row td{position:sticky;bottom:0;z-index:1;background:#082f49f5!important;border-top:1px solid rgba(56,189,248,.35);color:#e0f2fe;font-weight:950}.reports-data-table .reports-total-row td:first-child{box-shadow:inset 4px 0 #38bdf8}:root[data-theme=light] .reports-data-table .reports-total-row td{background:#e0f2fe!important;border-top-color:#7dd3fc;color:#0f172a}.reports-detail-grid{grid-template-columns:minmax(0,1fr)}.reports-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.reports-stats-grid .reports-table-scroll{max-height:min(430px,48vh)}@media (max-width: 1180px){.reports-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.reports-stats-grid{grid-template-columns:1fr;gap:10px}}.remote-card-list{max-height:min(62vh,660px)}.remote-card-dates{display:grid;gap:4px;color:var(--text-muted);font-size:.78rem;font-weight:750}.remote-script-panel .router-selected-banner small{white-space:normal}@media (max-width: 760px){.remote-card-list{max-height:min(58vh,500px)}}.remote-card .router-card-title strong{color:#67e8f9;text-shadow:0 0 18px rgba(34,211,238,.18)}.remote-card.selected .router-card-title strong{color:#fde047}:root[data-theme=light] .remote-card .router-card-title strong{color:#0369a1;text-shadow:none}:root[data-theme=light] .remote-card.selected .router-card-title strong{color:#92400e}.remote-vpn-quota-inline{display:inline-flex;align-items:center;min-height:24px;margin-left:8px;padding:3px 9px;border-radius:999px;background:#22d3ee24;color:#67e8f9;font-size:.78rem;font-weight:950;vertical-align:middle}:root[data-theme=light] .remote-vpn-quota-inline{background:#e0f2fe;color:#0369a1}@media (max-width: 1366px) and (min-width: 861px){.content{padding:12px}.app-topbar{margin:-12px -12px 12px;padding:8px 12px}.panel,.form-panel,.table-panel,.voucher-data-card.table-panel,.reports-table-card.table-panel{padding:12px}.page-title-row,.panel-heading{margin-bottom:10px;gap:8px}.panel-heading h2,.page-title-row h1{font-size:1rem}.router-layout,.dashboard-main-grid,.dashboard-top-grid,.report-summary-grid,.router-summary-grid,.profile-form-grid,.router-form-grid,.compact-form-grid,.inline-form.responsive-inline{gap:10px}input,select,textarea,button,.small-button{min-height:38px}.router-card{padding:10px;gap:9px}.router-card-list,.remote-card-list{max-height:calc(100dvh - 190px)}.router-card-main,.router-card-actions{gap:6px}.router-script-box{height:calc(100dvh - 360px);min-height:240px}.generate-table-scroll,.online-table-scroll,.sold-table-scroll,.system-log-table-scroll,.reports-table-scroll,.license-table-scroll,.admin-license-table-scroll,.group-list-table-scroll,.compact-table-scroll{max-height:calc(100dvh - 230px)}}@media (max-width: 860px){body{overflow-x:hidden}.content{width:100%;max-width:100vw}.page-title-row,.panel-heading,.split-heading{align-items:stretch;gap:8px}.panel-heading h2,.page-title-row h1{font-size:1rem;line-height:1.2}.panel,.form-panel,.table-panel{border-radius:8px}.profile-form-grid,.router-form-grid,.compact-form-grid,.inline-form.responsive-inline{grid-template-columns:1fr;gap:9px}.inline-form.responsive-inline>*,.profile-form-grid>*,.router-form-grid>*,.compact-form-grid>*{min-width:0}.router-layout,.remote-vpn-workspace{grid-template-columns:1fr;gap:10px}.router-card-list,.remote-card-list{max-height:none;overflow:visible;padding-right:0}.router-card{padding:10px}.router-card-title{flex-wrap:wrap}.router-card-title .status-pill{margin-left:0}.router-title-note{max-width:100%;flex:1 1 100%}.router-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.router-script-panel{order:2}.router-list-panel{order:1}.router-script-box{height:min(42dvh,320px);min-height:220px}}@media (max-width: 640px){.content{padding:8px}.app-topbar{margin:-8px -8px 8px;padding:8px}.panel,.form-panel,.table-panel,.voucher-data-card.table-panel,.reports-table-card.table-panel{padding:9px}label{gap:5px;font-size:.82rem}input,select,textarea,button,.small-button{min-height:36px;font-size:12px}input,select{padding-inline:9px}.notice-box{margin-bottom:8px}.router-card-meta,.router-card-ports{gap:5px}.router-card-meta span,.router-card-ports span{min-height:24px;padding:3px 6px;font-size:.72rem}.router-card-actions,.router-toolbar,.router-script-actions,.profile-form-actions,.form-actions,.row-actions{grid-template-columns:1fr}.generate-table-scroll,.online-table-scroll,.sold-table-scroll,.system-log-table-scroll,.reports-table-scroll,.license-table-scroll,.admin-license-table-scroll,.group-list-table-scroll,.compact-table-scroll{max-height:58dvh}}.mac-reveal-button{border:1px solid rgba(34,211,238,.28);background:#082f4980;color:#bae6fd}.mac-reveal-button svg{color:currentColor;stroke-width:2.4}.mac-reveal-button:hover,.mac-reveal-button:focus{background:#0ea5e933;color:#e0f2fe}:root[data-theme=light] .mac-reveal-button{border-color:#7dd3fc;background:#e0f2fe;color:#075985}:root[data-theme=light] .mac-reveal-button:hover,:root[data-theme=light] .mac-reveal-button:focus{background:#bae6fd;color:#0c4a6e}.sold-data-table th:nth-child(7),.sold-data-table td:nth-child(7),.sold-data-table th:nth-child(8),.sold-data-table td:nth-child(8),.sold-data-table th:nth-child(9),.sold-data-table td:nth-child(9){white-space:nowrap}.mac-address-cell{display:inline-flex;align-items:center;gap:6px;min-width:184px}.mac-lock-button{width:32px;min-width:32px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.mac-lock-button svg{color:currentColor;stroke-width:2.7}.mac-address-text,.mac-address-hidden{display:inline-block;min-width:150px;max-width:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.35;white-space:nowrap}.mac-address-text{color:#e0f2fe;-webkit-user-select:all;user-select:all;cursor:text}.mac-address-hidden{color:#94a3b8;-webkit-user-select:none;user-select:none}:root[data-theme=light] .mac-address-text{color:#0f172a}:root[data-theme=light] .mac-address-hidden{color:#64748b}@media (max-width: 680px){.sold-data-table{min-width:1528px}.mac-address-cell{min-width:176px;gap:7px}.mac-lock-button{width:30px;min-width:30px;height:29px}.mac-address-text,.mac-address-hidden{min-width:140px}}.client-online-card{min-height:150px;padding:20px;border-color:#22d3ee57;background:radial-gradient(circle at 88% 16%,rgba(45,212,191,.26),transparent 28%),linear-gradient(135deg,#0891b257,#2563eb38 48%,#15803d3d)!important;box-shadow:0 18px 42px #0891b229,inset 0 0 0 1px #ffffff0a}.client-online-card:before{height:4px;background:linear-gradient(90deg,#22d3ee,#34d399,#facc15)}.client-online-card span{color:#cffafe}.client-online-card strong,.client-online-card svg{color:#67e8f9;text-shadow:0 0 22px rgba(34,211,238,.22)}:root[data-theme=light] .client-online-card{border-color:#0ea5e947;background:radial-gradient(circle at 88% 16%,rgba(20,184,166,.18),transparent 30%),linear-gradient(135deg,#e0f2fe,#dbeafe 52%,#dcfce7)!important;box-shadow:0 16px 34px #0ea5e91f,inset 0 0 0 1px #ffffffbf}:root[data-theme=light] .client-online-card span{color:#075985}:root[data-theme=light] .client-online-card strong,:root[data-theme=light] .client-online-card svg{color:#0284c7;text-shadow:none}@media (max-width: 720px){.client-online-card{background:radial-gradient(circle at 86% 14%,rgba(250,204,21,.2),transparent 26%),linear-gradient(135deg,#06b6d461,#2563eb47 48%,#10b9814d)!important}}.client-online-card .small-button{min-height:34px;padding:0 12px;font-size:12px}@media (max-width: 720px){.client-online-card{min-height:86px;padding:12px;gap:10px}.client-online-card div{gap:6px}.client-online-card strong{font-size:22px}.client-online-card svg{width:22px;height:22px}.client-online-card .small-button{min-height:30px;width:fit-content;padding:0 9px;font-size:11px}}.support-chat-panel{min-height:calc(100dvh - 120px)}.support-chat-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.support-chat-layout.admin-chat-layout{grid-template-columns:minmax(320px,.38fr) minmax(0,1fr)}.support-thread-list,.support-chat-room{min-width:0;border:1px solid var(--modern-border);border-radius:8px;background:#0f172a47}:root[data-theme=light] .support-thread-list,:root[data-theme=light] .support-chat-room{background:#ffffffbd}.support-thread-list{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(68dvh,620px);padding:10px}.support-thread-search{margin-bottom:10px}.support-thread-scroll{overflow:auto;padding-right:4px}.support-thread-table{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed}.support-thread-table thead th{position:sticky;top:0;z-index:1;padding:6px 8px;background:#0f172af5;color:var(--modern-muted);font-size:10px;text-align:left;text-transform:uppercase}:root[data-theme=light] .support-thread-table thead th{background:#fffffff5}.support-thread-col-group{width:45%}.support-thread-col-status{width:74px}.support-thread-col-message{width:auto}.support-thread-row{cursor:pointer;outline:none}.support-thread-row td{border-top:1px solid rgba(34,211,238,.12);border-bottom:1px solid rgba(34,211,238,.12);padding:8px;background:#0f172a57;vertical-align:middle}.support-thread-row td:first-child{border-left:1px solid rgba(34,211,238,.12);border-radius:8px 0 0 8px}.support-thread-row td:last-child{border-right:1px solid rgba(34,211,238,.12);border-radius:0 8px 8px 0}.support-thread-row.active td,.support-thread-row:hover td,.support-thread-row:focus-visible td{border-color:#22d3ee75;background:linear-gradient(135deg,#0ea5e938,#16a34a24)}.support-thread-group-cell{position:relative}.support-thread-group-cell strong{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 30px);color:var(--modern-text)}.support-thread-group-cell strong,.support-thread-group-cell span,.support-thread-message-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-group-cell span{display:block;margin-top:3px;max-width:calc(100% - 30px);color:var(--modern-muted);font-size:11px}.support-thread-message-cell{color:var(--modern-muted);font-size:11px}.support-thread-unread{position:absolute;top:8px;right:6px;min-width:22px;min-height:20px;border-radius:999px;padding:2px 6px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;text-align:center}.support-thread-item{position:relative;display:grid;gap:4px;width:100%;min-height:74px;justify-items:start;border:1px solid rgba(34,211,238,.14);border-radius:8px;padding:10px 42px 10px 10px;background:#0f172a57;color:var(--modern-text);text-align:left}.support-thread-item.active{border-color:#22d3ee7a;background:linear-gradient(135deg,#0ea5e938,#16a34a24)}.support-thread-item span,.support-thread-item small{color:var(--modern-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.support-thread-item b{position:absolute;top:9px;right:9px;min-width:24px;min-height:22px;border-radius:999px;padding:3px 7px;background:#ef4444;color:#fff;font-size:11px;text-align:center}.support-thread-item strong{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}.support-thread-status{width:fit-content;border-radius:999px;padding:2px 7px;background:#94a3b824;color:var(--modern-muted);font-size:10px;font-style:normal;font-weight:800;line-height:1.4}.support-thread-status.active{background:#22c55e26;color:#86efac}.support-thread-status.disabled{background:#f8717126;color:#fca5a5}:root[data-theme=light] .support-thread-status.active{background:#dcfce7;color:#166534}:root[data-theme=light] .support-thread-status.disabled{background:#fee2e2;color:#991b1b}.support-chat-room{display:grid;grid-template-rows:auto minmax(260px,1fr) auto;min-height:min(68dvh,620px);overflow:hidden}.support-chat-room-heading{display:grid;gap:4px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16)}.support-chat-room-heading span{color:var(--modern-muted);font-size:.85rem}.support-message-list{display:grid;align-content:start;gap:10px;overflow:auto;padding:14px}.support-message{max-width:min(680px,86%);border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:10px 12px;background:#0f172a8f}.support-message.mine{justify-self:end;border-color:#22c55e47;background:linear-gradient(135deg,#16a34a3d,#0ea5e924)}.support-message.theirs{justify-self:start;border-color:#22d3ee3d}:root[data-theme=light] .support-message{background:#fff}:root[data-theme=light] .support-message.mine{background:linear-gradient(135deg,#dcfce7,#e0f2fe)}.support-message div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--modern-muted);font-size:.78rem}.support-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.support-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-top:1px solid rgba(148,163,184,.16)}.support-chat-form textarea{min-height:44px;max-height:130px;resize:vertical}.support-empty{margin:10px}@media (max-width: 820px){.support-chat-layout.admin-chat-layout{grid-template-columns:minmax(0,1fr)}.support-thread-list{max-height:300px}.support-thread-table{min-width:420px}.support-chat-room{min-height:58dvh}.support-chat-form{grid-template-columns:minmax(0,1fr)}.support-chat-form button{width:100%;justify-content:center}}.floating-ai-button{position:fixed;right:18px;bottom:18px;z-index:1200;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:54px;min-height:46px;border:1px solid rgba(34,211,238,.38);border-radius:999px;padding:0 12px;background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#16a34a);color:#fff;font-size:.82rem;font-weight:900;box-shadow:0 12px 24px #0ea5e93d}.floating-ai-button.open,.floating-ai-button:hover{transform:translateY(-2px)}.floating-chat-panel{position:fixed;right:18px;bottom:86px;z-index:1199;width:min(420px,calc(100vw - 36px));height:min(560px,calc(100dvh - 112px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(34,211,238,.28);border-radius:10px;background:#080d19fa;box-shadow:0 24px 70px #02061780}:root[data-theme=light] .floating-chat-panel{background:#f8fbfffa;border-color:#0ea5e93d}.floating-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,#0ea5e929,#16a34a1a)}.floating-chat-header div{display:grid;gap:2px}.floating-chat-header strong{font-size:1rem}.floating-chat-header span{color:var(--modern-muted);font-size:.82rem}.floating-chat-header .icon-button{width:28px;height:28px;min-width:28px;min-height:28px;flex:0 0 28px;border-radius:8px;padding:0;color:var(--modern-muted);background:#0f172a6b}.floating-chat-header .icon-button:hover{color:var(--modern-text);border-color:#22d3ee57;background:#0ea5e929}.floating-chat-panel .support-chat-page,.floating-chat-panel .support-chat-panel,.floating-chat-panel .support-chat-layout,.floating-chat-panel .support-chat-room{min-height:0}.floating-chat-panel .support-chat-page{overflow:hidden}.floating-chat-panel .support-chat-panel{height:100%;border:0;border-radius:0;box-shadow:none;background:transparent;padding:10px;overflow:hidden}.floating-chat-panel .support-chat-panel>.panel-heading{display:none}.floating-chat-panel .support-chat-layout{height:100%}.floating-chat-panel .support-chat-layout.admin-chat-layout{grid-template-columns:minmax(0,1fr)}.floating-chat-panel .support-thread-list{max-height:150px}.floating-chat-panel .support-chat-room{height:100%}@media (max-width: 720px){.floating-ai-button{right:12px;bottom:12px;min-width:50px;min-height:44px;padding:0 10px;font-size:.78rem}.floating-chat-panel{right:0;left:0;bottom:68px;width:auto;height:min(72dvh,calc(100dvh - 92px));border-right:0;border-left:0;border-bottom:0;border-radius:14px 14px 0 0}.floating-chat-header{padding:9px 12px}.floating-chat-header strong{font-size:.95rem}.floating-chat-header span{font-size:.76rem}.floating-chat-panel .support-chat-panel{padding:6px}.floating-chat-panel .support-chat-room{grid-template-rows:auto minmax(0,1fr) auto}.floating-chat-panel .support-chat-room-heading{padding:9px 10px}.floating-chat-panel .support-message-list{gap:8px;padding:10px}.floating-chat-panel .support-message{max-width:92%;padding:8px 10px}.floating-chat-panel .support-message div{display:grid;gap:2px;margin-bottom:5px}.floating-chat-panel .support-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px}.floating-chat-panel .support-chat-form textarea{min-height:42px;max-height:92px}.floating-chat-panel .support-chat-form button{width:auto;min-width:72px;padding:0 10px}}.online-refresh-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.online-refresh-actions .muted-text{font-size:12px;white-space:nowrap}@media (max-width: 640px){.online-summary-heading{align-items:flex-start;gap:12px}.online-refresh-actions{width:100%;justify-content:space-between}}.sold-table-scroll{width:100%;max-width:100%}.sold-table-scroll .sold-data-table{width:100%;min-width:0!important;table-layout:fixed}.sold-table-scroll .sold-data-table th,.sold-table-scroll .sold-data-table td{padding:7px 6px;white-space:normal;overflow-wrap:anywhere}.sold-table-scroll .sold-data-table th:nth-child(1),.sold-table-scroll .sold-data-table td:nth-child(1){width:3.2%}.sold-table-scroll .sold-data-table th:nth-child(2),.sold-table-scroll .sold-data-table td:nth-child(2){width:7.5%}.sold-table-scroll .sold-data-table th:nth-child(3),.sold-table-scroll .sold-data-table td:nth-child(3){width:7%}.sold-table-scroll .sold-data-table th:nth-child(4),.sold-table-scroll .sold-data-table td:nth-child(4){width:8%}.sold-table-scroll .sold-data-table th:nth-child(5),.sold-table-scroll .sold-data-table td:nth-child(5){width:6.5%}.sold-table-scroll .sold-data-table th:nth-child(6),.sold-table-scroll .sold-data-table td:nth-child(6){width:8.5%}.sold-table-scroll .sold-data-table th:nth-child(7),.sold-table-scroll .sold-data-table td:nth-child(7){width:13%;padding-left:6px;padding-right:6px}.sold-table-scroll .sold-data-table th:nth-child(8),.sold-table-scroll .sold-data-table td:nth-child(8){width:8.5%}.sold-table-scroll .sold-data-table th:nth-child(9),.sold-table-scroll .sold-data-table td:nth-child(9){width:7.5%}.sold-table-scroll .sold-data-table th:nth-child(10),.sold-table-scroll .sold-data-table td:nth-child(10),.sold-table-scroll .sold-data-table th:nth-child(11),.sold-table-scroll .sold-data-table td:nth-child(11),.sold-table-scroll .sold-data-table th:nth-child(12),.sold-table-scroll .sold-data-table td:nth-child(12){width:10.1%}.sold-table-scroll .mac-address-cell{min-width:0;width:100%;gap:5px}.sold-table-scroll .mac-lock-button{width:28px;min-width:28px;height:28px}.sold-table-scroll .mac-address-text,.sold-table-scroll .mac-address-hidden{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}@media (max-width: 1400px){.sold-table-scroll{overflow-x:hidden;max-height:none}.sold-table-scroll .sold-data-table,.sold-table-scroll .sold-data-table thead,.sold-table-scroll .sold-data-table tbody,.sold-table-scroll .sold-data-table th,.sold-table-scroll .sold-data-table td,.sold-table-scroll .sold-data-table tr{display:block;width:100%!important;min-width:0!important}.sold-table-scroll .sold-data-table{border-collapse:separate;border-spacing:0}.sold-table-scroll .sold-data-table thead{display:none}.sold-table-scroll .sold-data-table tbody{display:grid;gap:10px}.sold-table-scroll .sold-data-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a57}:root[data-theme=light] .sold-table-scroll .sold-data-table tbody tr{background:#fff;border-color:#dbe3ef}.sold-table-scroll .sold-data-table tbody td{min-height:0;padding:0;border:0;display:grid;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);gap:6px;align-items:start;white-space:normal;overflow-wrap:anywhere}.sold-table-scroll .sold-data-table tbody td:before{color:#94a3b8;font-size:.72rem;font-weight:700;line-height:1.25}:root[data-theme=light] .sold-table-scroll .sold-data-table tbody td:before{color:#64748b}.sold-table-scroll .sold-data-table tbody td:nth-child(1){grid-column:1 / -1;display:flex;justify-content:flex-end}.sold-table-scroll .sold-data-table tbody td:nth-child(1):before{content:""}.sold-table-scroll .sold-data-table tbody td:nth-child(2):before{content:"Voucher"}.sold-table-scroll .sold-data-table tbody td:nth-child(3):before{content:"Password"}.sold-table-scroll .sold-data-table tbody td:nth-child(4):before{content:"Profile"}.sold-table-scroll .sold-data-table tbody td:nth-child(5):before{content:"Omset"}.sold-table-scroll .sold-data-table tbody td:nth-child(6):before{content:"MikroTik"}.sold-table-scroll .sold-data-table tbody td:nth-child(7):before{content:"MAC"}.sold-table-scroll .sold-data-table tbody td:nth-child(8):before{content:"IP"}.sold-table-scroll .sold-data-table tbody td:nth-child(9):before{content:"Total Byte"}.sold-table-scroll .sold-data-table tbody td:nth-child(10):before{content:"Login"}.sold-table-scroll .sold-data-table tbody td:nth-child(11):before{content:"Berakhir"}.sold-table-scroll .sold-data-table tbody td:nth-child(12):before{content:"Terjual"}.sold-table-scroll .mac-address-cell{width:100%;min-width:0}.sold-table-scroll .mac-address-text,.sold-table-scroll .mac-address-hidden{white-space:normal}}@media (max-width: 680px){.sold-table-scroll .sold-data-table tbody tr{grid-template-columns:1fr;padding:9px}.sold-table-scroll .sold-data-table tbody td{grid-template-columns:92px minmax(0,1fr)}}.admin-license-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:min(74dvh,720px);overflow:hidden}.admin-license-panel .admin-license-table-scroll{height:min(64dvh,640px);max-height:min(64dvh,640px);min-height:280px;overflow:auto;overscroll-behavior:contain}.admin-license-panel .admin-license-table{margin:0;border-collapse:separate;border-spacing:0}.admin-license-panel .admin-license-table th,.admin-license-panel .admin-license-table td{padding-top:8px;padding-bottom:8px;vertical-align:middle}.admin-license-panel .admin-license-table thead th{top:0;z-index:5}.admin-license-panel .admin-license-table tbody tr:hover td{background:#22d3ee0f}:root[data-theme=light] .admin-license-panel .admin-license-table tbody tr:hover td{background:#0ea5e914}@media (max-width: 920px){.admin-license-panel{min-height:0}.admin-license-panel .admin-license-table-scroll{height:min(58dvh,520px);max-height:min(58dvh,520px)}}@media (max-width: 560px){.admin-license-panel .admin-license-table-scroll{height:56dvh;max-height:56dvh}}.ssl-page{display:grid;gap:16px}.ssl-summary-grid{margin-bottom:0}.ssl-control-panel,.ssl-renew-panel,.ssl-output-panel{overflow:hidden}.ssl-host-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.ssl-host-card{border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:15px;background:#0f172a6b}.ssl-host-card.good{border-color:#22c55e6b}.ssl-host-card.warning{border-color:#f59e0b8c}.ssl-host-card.danger{border-color:#ef444494}.ssl-host-card-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.ssl-host-card-title span,.ssl-timer-grid span{display:block;color:var(--muted);font-size:.82rem}.ssl-host-card-title strong{display:block;margin-top:4px;color:var(--text);font-size:1.08rem}.ssl-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-weight:800;font-size:.78rem;white-space:nowrap}.ssl-status-pill.good{color:#86efac;background:#16a34a29}.ssl-status-pill.warning{color:#facc15;background:#f59e0b29}.ssl-status-pill.danger{color:#fecaca;background:#ef44442e}.ssl-detail-list{display:grid;gap:8px;margin:0 0 10px}.ssl-detail-list div,.ssl-timer-grid div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline}.ssl-detail-list dt{color:var(--muted);font-size:.82rem}.ssl-detail-list dd{margin:0;color:var(--text);font-weight:700;word-break:break-word}.ssl-timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.ssl-timer-grid div{border:1px solid rgba(148,163,184,.18);border-radius:8px;padding:12px;background:#0f172a5c}.ssl-timer-grid strong{color:var(--text)}.ssl-command-output{margin:0;padding:12px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:8px;border:1px solid rgba(34,211,238,.22);background:#0206178f;color:#dbeafe;font-size:.82rem;line-height:1.5}.ssl-command-output.compact{max-height:180px}:root[data-theme=light] .ssl-host-card,:root[data-theme=light] .ssl-timer-grid div{background:#ffffffd1}:root[data-theme=light] .ssl-status-pill.good{color:#166534;background:#22c55e24}:root[data-theme=light] .ssl-status-pill.warning{color:#92400e;background:#f59e0b2e}:root[data-theme=light] .ssl-status-pill.danger{color:#991b1b;background:#ef444429}:root[data-theme=light] .ssl-command-output{background:#f8fafc;color:#0f172a;border-color:#0ea5e93d}@media (max-width: 640px){.ssl-host-grid{grid-template-columns:1fr}.ssl-host-card-title{align-items:stretch;flex-direction:column}.ssl-detail-list div,.ssl-timer-grid div{grid-template-columns:1fr;gap:3px}}
