:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-600:#ea580c;--orange-800:#9a3412;--violet-100:#ede9fe;--violet-300:#c4b5fd;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--color-primary:var(--blue-600);--color-primary-hover:var(--blue-700);--color-primary-soft:var(--blue-50);--color-text:var(--slate-900);--color-text-2:var(--slate-700);--color-text-muted:var(--slate-500);--color-text-subtle:var(--slate-400);--color-border:var(--slate-200);--color-border-strong:var(--slate-300);--color-bg:var(--slate-100);--color-surface:#fff;--color-surface-2:var(--slate-50);--color-row-hover:#eef2ff;--color-success:var(--green-600);--color-success-bg:var(--green-50);--color-success-border:var(--green-200);--color-success-text:var(--green-800);--color-warn:var(--amber-500);--color-warn-bg:var(--amber-50);--color-warn-border:var(--amber-200);--color-warn-text:var(--amber-800);--color-danger:var(--red-600);--color-danger-hover:var(--red-700);--color-danger-bg:var(--red-50);--color-danger-border:var(--red-200);--color-danger-text:var(--red-800);--color-info:var(--blue-600);--color-info-bg:var(--blue-50);--color-info-border:var(--blue-200);--color-info-text:var(--blue-800);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-full:999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 30px #0f172a1f;--shadow-xl:0 20px 60px #0f172a38;--ring:0 0 0 3px #2563eb2e;--focus-outline:2px solid var(--blue-500);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--fs-3xs:10px;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:22px;--fs-4xl:24px;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace;--control-h:36px;--control-h-sm:30px;--ease:cubic-bezier(.2, 0, 0, 1);--transition-colors:background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, opacity .15s ease;--z-sticky:10;--z-topbar:40;--z-backdrop:99;--z-drawer:100;--z-modal:300;--z-toast:1100;color:var(--color-text);background:var(--color-surface);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0}img{max-width:100%}button,input,select,textarea{font-family:inherit}button:disabled{cursor:not-allowed}:where(button,a,summary,[role=button],[tabindex]):focus-visible{outline:var(--focus-outline);outline-offset:2px}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea):focus-visible{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}:where(input[type=checkbox],input[type=radio]):focus-visible{outline:var(--focus-outline);outline-offset:2px}@media (width<=640px) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.subtitle{color:var(--color-text-muted);font-size:var(--fs-base)}.toolbar{margin-bottom:10px}.count{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200);border-radius:var(--radius-full);font-size:var(--fs-sm);padding:2px 12px;font-weight:600;display:inline-block}.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums;background:var(--color-surface)}.tbl td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--slate-100);padding:10px 12px}.tbl th{text-align:left;background:var(--color-surface-2);color:var(--color-text-muted);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--color-border);z-index:1;padding:10px 12px;position:sticky;top:0}.tbl tbody tr:nth-child(2n){background:var(--color-surface-2)}.tbl tbody tr:hover{background:var(--color-row-hover)}.tbl code{background:var(--slate-100);border-radius:var(--radius-xs);padding:1px 6px}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);white-space:nowrap;text-transform:capitalize;background:var(--slate-100);color:var(--slate-600);padding:2px 10px;font-weight:600;line-height:1.5;display:inline-block}.badge-active{background:var(--green-100);color:var(--green-800)}.badge-trial{background:var(--amber-100);color:var(--amber-800)}.badge-suspended{background:var(--red-100);color:var(--red-800)}.badge-vc-unused{background:var(--blue-100);color:var(--blue-800)}.badge-vc-used{background:var(--slate-100);color:var(--slate-500)}.muted{color:var(--color-text-muted)}.center{text-align:center}.error{color:var(--red-700)}.logout{background:var(--red-100);border:1px solid var(--red-300);color:var(--red-700);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;min-height:var(--control-h-sm);transition:var(--transition-colors);align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-weight:500;display:inline-flex}.logout:hover{background:var(--red-200);border-color:var(--red-400)}.lg-wrap{min-height:100dvh;display:flex}.lg-left{background:linear-gradient(135deg, var(--slate-900) 0%, #1e3a5f 50%, var(--blue-600) 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.lg-left:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#3b82f640 0%,#0000 50%),radial-gradient(circle at 80% 20%,#6366f133 0%,#0000 50%);position:absolute;inset:0}.lg-left-content{z-index:1;max-width:460px;position:relative}.lg-brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.lg-brand-mark{background:var(--color-surface);width:44px;height:44px;color:var(--color-primary);border-radius:var(--radius-xl);font-weight:800;font-size:var(--fs-3xl);justify-content:center;align-items:center;display:flex}.lg-brand-text{letter-spacing:-.5px;font-size:26px;font-weight:700}.lg-tagline{opacity:.95;margin:0 0 32px;font-size:28px;font-weight:600;line-height:1.35}.lg-features{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lg-features li{font-size:var(--fs-md);opacity:.88;align-items:center;gap:10px;line-height:1.4;display:flex}.lg-feat-ico{width:20px;height:20px;color:var(--blue-400);flex-shrink:0}.lg-left-foot{font-size:var(--fs-sm);opacity:.45;letter-spacing:.5px;position:absolute;bottom:28px;left:48px}.lg-right{background:var(--color-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:480px;padding:40px;display:flex}.lg-form{width:100%;max-width:380px}.lg-form-head{margin-bottom:28px}.lg-form-title{color:var(--color-text);margin:0 0 6px;font-size:26px;font-weight:700}.lg-form-sub{font-size:var(--fs-base);color:var(--color-text-muted);margin:0}.lg-form-sub b{color:var(--color-primary)}.lg-field{margin-bottom:18px}.lg-label{font-size:var(--fs-sm);color:var(--color-text-2);margin-bottom:6px;font-weight:600;display:block}.lg-input-wrap{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.lg-input-wrap:focus-within{border-color:var(--blue-600);box-shadow:var(--ring)}.lg-input-ico{width:18px;height:18px;color:var(--color-text-subtle);flex-shrink:0;margin-left:12px}.lg-input{font-size:var(--fs-base);color:var(--slate-800);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:11px 12px}.lg-input::placeholder{color:var(--color-text-subtle)}.lg-input:focus-visible{box-shadow:none}.lg-pw-toggle{cursor:pointer;color:var(--color-text-subtle);background:0 0;border:none;padding:8px 12px;display:flex}.lg-pw-toggle svg{width:18px;height:18px}.lg-pw-toggle:hover{color:var(--color-text-muted)}.lg-error{background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--red-800);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.lg-error-ico{width:18px;height:18px;color:var(--red-600);flex-shrink:0}.lg-submit{background:linear-gradient(135deg, var(--blue-600), var(--blue-700));color:#fff;border-radius:var(--radius-lg);width:100%;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.lg-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lg-submit:active:not(:disabled){transform:translateY(0)}.lg-submit:disabled{opacity:.6;cursor:not-allowed}.lg-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-hint{font-size:var(--fs-sm);color:var(--color-text-subtle);text-align:center;margin:16px 0 0;line-height:1.5}.lg-success{background:var(--green-50);border:1px solid var(--green-300);color:var(--green-800);border-radius:var(--radius-lg);font-size:var(--fs-base);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.lg-link-btn{color:var(--color-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.lg-link-btn:hover{text-decoration:underline}.lg-hint code{background:var(--slate-200);border-radius:var(--radius-xs);font-size:var(--fs-xs);color:var(--slate-600);padding:2px 6px}@media (width<=960px){.lg-wrap{flex-direction:column}.lg-left{min-height:auto;padding:36px 28px}.lg-tagline{font-size:var(--fs-3xl);margin-bottom:20px}.lg-features{gap:10px}.lg-left-foot{display:none}.lg-right{flex:1;width:100%;padding:32px 24px}}@media (width<=480px){.lg-left{padding:28px 20px}.lg-tagline{font-size:19px}.lg-features li{font-size:var(--fs-sm)}.lg-right{padding:24px 16px}.lg-form-title{font-size:var(--fs-3xl)}}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);margin-top:28px;padding:18px 20px}.card h2{font-size:var(--fs-2xl);color:var(--color-text);margin:0 0 14px;font-weight:700}.nas-form{flex-wrap:wrap;gap:8px;display:flex}.nas-form select,.nas-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-base);min-width:0;padding:9px 11px}.nas-form input{flex:1;min-width:min(180px,100%)}.nas-form button{background:var(--green-600);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:9px 16px;font-weight:600}.nas-form button:hover:not(:disabled){background:var(--green-700)}.nas-form button:disabled{opacity:.6;cursor:not-allowed}.nas-result{border-top:1px dashed var(--color-border);margin-top:16px;padding-top:14px}.ok{color:var(--green-800)}.kv{font-size:var(--fs-sm);grid-template-columns:130px 1fr;gap:4px 10px;margin:10px 0;display:grid}.kv>*{min-width:0}.kv span{color:var(--color-text-muted)}.kv code{background:var(--slate-100);border-radius:var(--radius-xs);overflow-wrap:anywhere;padding:1px 6px}.cfg-head{justify-content:space-between;align-items:center;margin:10px 0 4px;display:flex}.copy{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-colors);border:none;padding:5px 12px}.copy:hover{background:var(--color-primary-hover)}.cfg{box-sizing:border-box;width:100%;font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-xs);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--slate-900);color:var(--slate-200);padding:10px}.nas-online-status{border-radius:var(--radius-lg);font-size:var(--fs-sm);align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.nas-online-status.waiting{background:var(--amber-50);border:1px solid var(--amber-200);color:var(--amber-800)}.nas-online-status.online{background:var(--green-50);border:1px solid var(--green-300);color:var(--green-800)}.nos-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.nas-online-status.waiting .nos-dot{background:var(--amber-500);animation:1.2s ease-in-out infinite blink}.nas-online-status.online .nos-dot{background:var(--green-500)}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.nos-label code{border-radius:var(--radius-xs);background:#00000012;padding:1px 5px}.nas-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0 16px;display:grid}.nas-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px}.nas-stat-ok{background:var(--green-50);border-color:var(--green-200)}.nas-stat-warn{background:var(--amber-100);border-color:var(--amber-200)}.nas-stat-lbl{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.nas-stat-val{font-size:var(--fs-4xl);color:var(--color-text);align-items:center;gap:8px;margin-top:2px;font-weight:700;display:flex}.nas-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;position:relative}.nas-dot-live{background:var(--green-500);box-shadow:0 0 0 3px #22c55e26}.nas-dot-live:after{content:"";background:#22c55e59;border-radius:50%;animation:2s ease-out infinite pulse-dot;position:absolute;inset:0}.nas-dot-off{background:var(--slate-400)}@keyframes pulse-dot{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(2.2)}}.nas-filter{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.nas-search{min-width:min(200px,100%);min-height:var(--control-h);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface);flex:1;padding:8px 12px}.nas-search:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.nas-tbl tr.nas-row-off{opacity:.75}.nas-tbl tr.nas-row-live td{background:#f0fdf466}.nas-tbl td{vertical-align:middle}.nas-cards{display:none}.nas-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);margin-bottom:10px;padding:12px 14px;overflow:hidden}.nas-card-live{border-left:3px solid var(--green-500)}.nas-card-off{border-left:3px solid var(--slate-400);opacity:.85}.nas-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nas-card-name{min-width:0;font-size:var(--fs-base);word-break:break-word;flex:1}.nas-card-desc{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:4px}.nas-card-ip{align-items:center;gap:6px;margin-top:6px;display:flex}.nas-card-ip code{font-size:var(--fs-xs);background:var(--slate-100);border-radius:var(--radius-xs);padding:2px 7px}.nas-card-meta{font-size:var(--fs-xs);color:var(--slate-600);flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.nas-card-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.ip-cell{align-items:center;gap:6px;display:inline-flex}.btn-tiny{border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--fs-2xs);cursor:pointer;color:var(--color-text-muted);background:0 0;padding:2px 6px}.btn-tiny:hover{background:var(--slate-100);color:var(--color-text)}.nas-status-pill{border-radius:var(--radius-full);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-weight:600;display:inline-flex}.nas-status-pill.live{background:var(--green-100);color:var(--green-700)}.nas-status-pill.off{background:var(--slate-100);color:var(--color-text-muted)}.vpn-up{color:var(--green-700);font-weight:600;font-size:var(--fs-sm);white-space:nowrap}.vpn-down{color:var(--red-600);font-weight:600;font-size:var(--fs-sm)}.nas-chr-warn{background:var(--amber-100);border:1px solid var(--amber-200);color:var(--amber-800);border-radius:var(--radius-lg);font-size:var(--fs-sm);margin-bottom:14px;padding:10px 14px}.quota-bar{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);margin-bottom:14px;padding:10px 14px}.quota-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.quota-txt{font-size:var(--fs-sm);color:var(--color-text-2)}.quota-muted{font-size:var(--fs-xs);color:var(--color-text-subtle)}.quota-badge{font-size:var(--fs-xs);border-radius:var(--radius-full);padding:2px 10px;font-weight:600}.quota-track{border-radius:var(--radius-full);background:var(--slate-200);height:7px;margin-top:8px;overflow:hidden}.quota-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.quota-ok .quota-fill{background:var(--green-500)}.quota-ok .quota-badge{background:var(--green-100);color:var(--green-700)}.quota-near{background:var(--amber-50);border-color:var(--amber-200)}.quota-near .quota-fill{background:var(--amber-500)}.quota-near .quota-badge{background:var(--amber-100);color:var(--amber-800)}.quota-over{background:var(--red-50);border-color:var(--red-200)}.quota-over .quota-fill{background:var(--red-500)}.quota-over .quota-badge{background:var(--red-100);color:var(--red-700)}.quota-unl{background:var(--blue-50);border-color:var(--blue-200)}.quota-unl .quota-txt{color:var(--blue-800)}.saldo-page{padding:0}.pf-actions{gap:8px;margin-top:14px;display:flex}.saldo-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0;display:grid}.payout-form{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;gap:14px;padding:16px;display:flex}.payout-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;font-size:var(--fs-base);padding:9px 11px}.payout-form input:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.pf-field{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-label{font-size:var(--fs-xs);color:var(--slate-600);font-weight:600}.pf-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-opt{color:var(--color-text-subtle);font-weight:400}.payout-otp{border-top:1px dashed var(--color-border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.payout-otp-note{font-size:var(--fs-sm);color:var(--amber-800);background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius-md);padding:8px 10px;line-height:1.45}.payout-otp-row{flex-wrap:wrap;gap:8px;display:flex}.payout-otp-input{letter-spacing:3px;text-align:center;flex:1;min-width:150px;font-weight:600}.payout-otp-sent{font-size:var(--fs-xs);color:var(--green-700)}@media (width<=600px){.pf-grid2{grid-template-columns:1fr}}.saldo-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-2);padding:16px 18px}.saldo-main{color:#fff;background:linear-gradient(135deg,#0f766e,#0891b2);border:none}.saldo-lbl{font-size:var(--fs-xs);opacity:.85;text-transform:uppercase;letter-spacing:.4px}.saldo-val{margin-top:4px;font-size:28px;font-weight:800}.saldo-val2{font-size:var(--fs-3xl);color:var(--color-text);margin-top:4px;font-weight:700}.saldo-note{font-size:var(--fs-xs);opacity:.9;margin-top:6px}.saldo-warn{font-size:var(--fs-xs);color:var(--amber-700);margin-top:6px}.acc-row td{background:var(--color-surface-2)}.fld{font-size:var(--fs-base);color:var(--color-text-2);margin-bottom:10px;display:inline-block}.fld select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-base);padding:7px 10px}.badge-pending{background:var(--amber-100);color:var(--amber-800)}.badge-offline{background:var(--slate-200);color:var(--color-text-2)}.btn-cancel{min-height:var(--control-h-sm);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-2);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-weight:500;display:inline-flex}.btn-cancel:hover:not(:disabled){background:var(--color-surface-2)}.btn-cancel:disabled{opacity:.55}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.hint{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:center;margin-top:12px}.hint code{background:var(--slate-100);border-radius:var(--radius-xs);padding:1px 5px}.shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-surface);width:232px;color:var(--color-text-2);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;padding:0 12px 20px;display:flex;overflow-y:auto;box-shadow:2px 0 12px #0000000a}.sidebar-close,.sidebar-overlay{display:none}.brand{border-bottom:1px solid var(--slate-100);align-items:center;gap:10px;margin-bottom:8px;padding:20px 4px 16px;display:flex;position:relative}.brand-mark{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--blue-600), var(--blue-700));color:#fff;width:36px;height:36px;font-weight:800;font-size:var(--fs-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.brand-logo-img{border-radius:var(--radius-lg);object-fit:contain;background:var(--color-surface-2);border:1px solid var(--color-border);flex-shrink:0;width:36px;height:36px}.brand-text{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);letter-spacing:-.02em;color:var(--color-text);font-weight:700;overflow:hidden}.sidebar-poweredby{font-size:var(--fs-3xs);color:var(--color-text-subtle);text-align:center;letter-spacing:.04em;padding-top:8px}.nav{flex-direction:column;gap:1px;display:flex}.nav-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text-muted);font-size:var(--fs-sm);border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-weight:500;line-height:1.35;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--slate-100);color:var(--color-text)}.nav-item.active{background:var(--blue-50);color:var(--blue-700);font-weight:600}.nav-ico{font-size:var(--fs-md);border-radius:var(--radius-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .12s;display:inline-flex}.nav-item.active .nav-ico{background:var(--blue-100)}.nav-label{flex:1}.nav-active-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-divider{align-items:center;gap:8px;padding:16px 4px 4px;display:flex}.nav-divider-label{font-size:var(--fs-3xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-subtle);white-space:nowrap;font-weight:700}.nav-divider:after{content:"";background:var(--slate-100);flex:1;height:1px}.sidebar-foot{margin-top:auto;padding:12px 4px 0}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar2{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;z-index:var(--z-topbar);box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.tb-left{align-items:center;gap:10px;min-width:0;display:flex}.tb-sub{font-size:var(--fs-base);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tb-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.tb-tenant{font-size:var(--fs-sm);color:var(--color-text-2);align-items:center;display:flex}.tb-tenant select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);max-width:180px;padding:6px 10px}.hamburger{display:none}.content2{background:var(--color-bg);overscroll-behavior-y:contain;flex:1;min-width:0;padding:24px;overflow-y:auto}.content2 .card{box-shadow:var(--shadow-sm);margin-top:0}.btn-cred{min-height:var(--control-h-sm);background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-weight:500;display:inline-flex}.btn-cred:hover:not(:disabled){background:var(--blue-100)}.btn-cred:disabled{opacity:.6;cursor:not-allowed}.sa-tenants-page,.sa-withdrawals-page{padding:0}.modal-overlay{z-index:var(--z-modal);overscroll-behavior:contain;background:#0f172a80;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.15s ease-out wr-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:480px;max-width:100%;box-shadow:var(--shadow-xl);overscroll-behavior:contain;max-height:calc(100dvh - 80px);padding:20px 22px;overflow-y:auto}.modal,.cf-modal,.nd-modal,.cd-modal{animation:wr-pop .18s var(--ease)}@keyframes wr-fade{0%{opacity:0}to{opacity:1}}@keyframes wr-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes wr-sheet{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@media (height<=560px){.modal-overlay{align-items:flex-start;padding:12px}.cf-modal,.modal{max-height:calc(100dvh - 24px)}}.modal-head{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.cf-modal>.modal-head{z-index:2;background:var(--color-surface);position:sticky;top:0}.modal-head b{font-size:var(--fs-xl);color:var(--color-text);font-weight:700}.modal-title{font-size:var(--fs-lg);color:var(--color-text);margin:0;font-weight:700}.modal-close{cursor:pointer;color:var(--color-text-subtle);font-size:var(--fs-3xl);border-radius:var(--radius-sm);background:0 0;border:none;min-width:32px;min-height:32px;padding:0 4px;line-height:1;transition:color .15s,background .15s}.modal-close:hover{color:var(--color-text-2);background:var(--slate-100)}.modal-foot{border-top:1px solid var(--slate-100);background:var(--color-surface-2);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.tier-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.tier-card{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);transition:var(--transition-colors);flex-direction:column;gap:3px;padding:10px 14px;display:flex}.tier-card.selected{border-color:var(--blue-600);background:var(--blue-50)}.tier-card:hover:not(.selected){border-color:var(--blue-300);background:var(--color-surface-2)}.tier-card-name{font-weight:600;font-size:var(--fs-sm);color:var(--color-text)}.tier-card-price{font-size:var(--fs-xs);color:var(--color-primary)}.tier-card-info{font-size:var(--fs-2xs);color:var(--color-text-muted)}.form-grid{grid-template-columns:1fr;gap:2px;display:grid}.form-grid label{font-size:var(--fs-sm);color:var(--color-text-2);margin-top:10px;font-weight:600}.form-grid input,.form-grid select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-base);padding:8px 11px}.form-grid input:focus,.form-grid select:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.form-grid select:disabled{background:var(--slate-100);color:var(--color-text-subtle)}.pay-page{padding:0}.pay-cards{display:none}.pay-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:pointer;margin-bottom:10px;padding:12px 14px;transition:box-shadow .15s}.pay-card:hover{box-shadow:var(--shadow-md)}.pay-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pay-card-inv{background:var(--slate-100);border-radius:var(--radius-sm);font-size:var(--fs-xs);padding:2px 8px}.pay-card-amt{font-size:var(--fs-md);color:var(--color-text);margin-left:auto}.pay-card-cust{font-size:var(--fs-sm);color:var(--color-text-2);margin-top:6px}.pay-card-meta{font-size:var(--fs-xs);color:var(--color-text-muted);flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.usr-page{padding:0}.usr-col-email{color:var(--color-text-muted);font-size:var(--fs-sm)}.usr-cards{display:none}.usr-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);margin-bottom:10px;padding:12px 14px}.usr-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usr-card-code{background:var(--slate-100);border-radius:var(--radius-sm);font-size:var(--fs-sm);padding:2px 8px;font-weight:700}.usr-card-name{font-size:var(--fs-base);color:var(--color-text-2);margin-top:6px;font-weight:500}.usr-card-email{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.usr-card-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.usr-pw-wrap{align-items:center;display:flex;position:relative}.usr-pw-wrap .cf-input{flex:1;padding-right:42px}.usr-pw-toggle{cursor:pointer;font-size:var(--fs-lg);background:0 0;border:none;padding:0;line-height:1;position:absolute;right:8px}.tbl-box{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);overflow-x:auto}.page-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-hdr h2{font-size:var(--fs-2xl);color:var(--color-text);margin:0;font-weight:700}.page-hdr-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-inv-summary{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.sub-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;padding:14px 20px}.sub-stat-label{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:4px}.sub-stat-val{font-size:var(--fs-xl);font-weight:700}.sub-status{font-weight:600;font-size:var(--fs-xs)}.sub-status-unpaid{color:var(--amber-600)}.sub-status-paid{color:var(--green-600)}.sub-status-overdue{color:var(--red-600)}.sub-inv-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sub-inv-toolbar-sep{border-left:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:6px;margin-left:4px;padding-left:12px;display:flex}.sub-inv-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sub-pg{font-size:var(--fs-sm);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.sub-pg-btns{align-items:center;gap:6px;display:flex}.sub-pg-btn{min-height:var(--control-h-sm);min-width:var(--control-h-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer;font-size:var(--fs-sm);transition:var(--transition-colors);padding:4px 10px}.sub-pg-btn:hover:not(:disabled){background:var(--color-row-hover);border-color:var(--blue-200)}.sub-pg-btn:disabled{opacity:.5;cursor:not-allowed}.sub-notif-result{font-size:var(--fs-2xs);color:var(--color-text-2);background:var(--color-surface-2);border-radius:var(--radius-xs);border:1px solid var(--color-border);margin-top:4px;padding:2px 6px;display:inline-block}.sub-notif-all-result{font-size:var(--fs-xs);color:var(--color-text-2);background:var(--slate-100);border-radius:var(--radius-xs);padding:4px 8px}.btn-notif-unpaid{background:var(--amber-100);color:var(--amber-800);border:1px solid var(--amber-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);align-items:center;padding:6px 12px;font-weight:500;transition:background .12s;display:inline-flex}.btn-notif-unpaid:hover:not(:disabled){background:var(--amber-200)}.btn-notif-unpaid:disabled{opacity:.6;cursor:not-allowed}.btn-notif-overdue{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);align-items:center;padding:6px 12px;font-weight:500;transition:background .12s;display:inline-flex}.btn-notif-overdue:hover:not(:disabled){background:var(--red-100)}.btn-notif-overdue:disabled{opacity:.6;cursor:not-allowed}.al-page{max-width:860px}.al-hdr{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.al-hdr-left{align-items:flex-start;gap:14px;display:flex}.al-hdr-icon{border-radius:var(--radius-xl);background:var(--slate-800);width:44px;height:44px;font-size:var(--fs-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.al-title{font-size:var(--fs-2xl);color:var(--color-text);margin:0;font-weight:800;line-height:1.2}.al-subtitle{font-size:var(--fs-sm);color:var(--color-text-muted);margin:3px 0 0}.al-hdr-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.al-total-badge{font-size:var(--fs-xs);background:var(--slate-800);color:var(--slate-200);border-radius:var(--radius-full);padding:4px 12px;font-weight:700}.al-btn-refresh{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:background .15s;display:flex}.al-btn-refresh:hover:not(:disabled){background:var(--color-primary-hover)}.al-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.al-spin{animation:.8s linear infinite al-rotate;display:inline-block}@keyframes al-rotate{to{transform:rotate(360deg)}}.al-error{background:var(--red-50);border:1.5px solid var(--red-200);color:var(--red-800);border-radius:var(--radius-lg);font-size:var(--fs-sm);margin-bottom:16px;padding:10px 14px}.al-filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.al-search-wrap{flex:1;align-items:center;min-width:min(200px,100%);display:flex;position:relative}.al-search-icon{font-size:var(--fs-base);pointer-events:none;position:absolute;left:10px}.al-search{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;font-size:var(--fs-sm);background:var(--color-surface-2);color:var(--color-text);outline:none;padding:8px 32px 8px 34px}.al-search:focus{border-color:var(--blue-600);background:var(--color-surface);box-shadow:var(--ring)}.al-clear-btn{color:var(--color-text-subtle);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;padding:2px 4px;position:absolute;right:8px}.al-clear-btn:hover{color:var(--slate-600)}.al-date-range{align-items:center;gap:6px;display:flex}.al-date-input{border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--fs-xs);background:var(--color-surface-2);color:var(--color-text-2);outline:none;padding:7px 10px}.al-date-input:focus{border-color:var(--blue-600);box-shadow:var(--ring)}.al-date-sep{font-size:var(--fs-xs);color:var(--color-text-subtle);font-weight:600}.al-reset-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--slate-100);color:var(--slate-600);font-size:var(--fs-xs);cursor:pointer;padding:7px 14px;font-weight:600}.al-reset-btn:hover{background:var(--slate-200)}.al-empty{text-align:center;color:var(--color-text-muted);padding:48px 24px}.al-empty-icon{margin-bottom:12px;font-size:40px}.al-empty p{font-size:var(--fs-base);margin:0}.al-feed{flex-direction:column;display:flex}.al-entry{gap:0;display:flex;position:relative}.al-dot-col{flex-direction:column;flex-shrink:0;align-items:center;width:40px;padding-top:2px;display:flex}.al-dot{border-radius:var(--radius-lg);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.al-dot-icon{font-size:var(--fs-md);line-height:1}.al-line{background:var(--slate-200);flex:1;width:2px;min-height:12px;margin:4px 0}.al-entry-last .al-line{display:none}.al-content{flex:1;min-width:0;padding:0 0 16px 12px}.al-entry-last .al-content{padding-bottom:4px}.al-content-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:5px;display:flex}.al-action-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.al-action{font-size:var(--fs-base);font-weight:700;line-height:1.3}.al-status-badge{font-size:var(--fs-2xs);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-weight:700}.al-status-ok{background:var(--green-100);color:var(--green-800)}.al-status-err{background:var(--red-50);color:var(--red-800)}.al-time{font-size:var(--fs-xs);color:var(--color-text-subtle);white-space:nowrap;flex-shrink:0}.al-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.al-meta-item{font-size:var(--fs-xs);align-items:center;gap:4px;display:flex}.al-role-badge{font-size:var(--fs-3xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:1px 7px;font-weight:700}.al-role-super{background:var(--violet-100);color:var(--violet-800)}.al-role-admin{background:var(--blue-100);color:var(--blue-800)}.al-role-op{background:var(--amber-100);color:var(--amber-800)}.al-actor{color:var(--color-text-2);font-family:monospace;font-weight:600;font-size:var(--fs-xs)}.al-entity,.al-ip{color:var(--color-text-subtle);font-family:monospace}.al-path{color:var(--slate-300);font-size:var(--fs-2xs);font-family:monospace;display:none}.al-detail-wrap{margin-top:4px}.al-detail-toggle{cursor:pointer;font-size:var(--fs-xs);color:var(--color-text-subtle);background:0 0;border:none;padding:0;font-weight:600}.al-detail-toggle:hover{color:var(--color-primary)}.al-detail-pre{font-size:var(--fs-2xs);color:var(--slate-200);background:var(--slate-900);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;border:1px solid var(--slate-800);max-height:160px;margin-top:6px;padding:10px 12px;line-height:1.5;overflow-y:auto}.tbl-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%;overflow-x:auto}.cell-2{flex-direction:column;line-height:1.35;display:flex}.cell-2 .sm,.muted.sm{font-size:var(--fs-xs)}.badge-jenis{background:var(--violet-100);color:var(--violet-800)}.form-section{border-bottom:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin:16px 0 2px;padding-bottom:4px;font-weight:700}.inv-form-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:16px;padding:14px 16px}.inv-form-inner{flex-direction:column;gap:8px;display:flex}.inv-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inv-edit-form{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.inv-edit-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-surface);padding:4px 8px}.inv-tbl-wrap{display:block}.inv-cards{display:none}@media (width<=640px){.inv-tbl-wrap{display:none}.inv-cards{display:block}.inv-form-row{flex-direction:column}.inv-form-row .cust-select,.inv-form-row .cust-search{width:100%}}.inv-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inv-hbtn{min-height:var(--control-h);font-size:var(--fs-sm);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}.inv-hbtn svg{flex-shrink:0}.inv-hbtn-ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--slate-600)}.inv-hbtn-ghost:hover:not(:disabled){border-color:var(--slate-400);color:var(--color-text);background:var(--color-surface-2)}.inv-hbtn-ghost:disabled{opacity:.5;cursor:not-allowed}.inv-hbtn-primary{background:var(--color-primary);color:#fff;border-color:var(--blue-600)}.inv-hbtn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--blue-700)}.inv-hbtn-primary:disabled{opacity:.55;cursor:not-allowed}.inv-workflow-hint{font-size:var(--fs-sm);margin-top:0;margin-bottom:12px}.inv-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.inv-status-tabs{background:var(--slate-100);border-radius:var(--radius-lg);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.inv-stab{border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-weight:500}.inv-stab:hover{background:var(--slate-200);color:var(--color-text-2)}.inv-stab-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:700}.inv-filter-bar .cust-search-wrap{flex:1;min-width:min(200px,100%)}.th-right{text-align:right}.inv-tr{transition:background .1s}.inv-tr:hover{background:var(--color-surface-2)}.inv-no{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--slate-600)}.inv-cust-name{color:var(--color-text);font-weight:600;font-size:var(--fs-base)}.inv-cust-plan{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:1px}.inv-amount{color:var(--blue-800);text-align:right;font-weight:700}.inv-due{color:var(--color-text-muted);font-size:var(--fs-sm)}.inv-td-actions{white-space:nowrap}.inv-badge{border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.3px;white-space:nowrap;align-items:center;padding:3px 10px;font-weight:700;display:inline-flex}.inv-badge-unpaid{background:var(--amber-100);color:var(--amber-800)}.inv-badge-paid{background:var(--green-100);color:var(--green-800)}.inv-badge-canceled{background:var(--slate-100);color:var(--slate-600)}.inv-action-group{align-items:center;gap:3px;display:inline-flex}.inv-iab{border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--slate-600);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;align-items:center;gap:5px;padding:5px 8px;font-weight:500;display:inline-flex}.inv-iab:hover:not(:disabled){border-color:var(--slate-400);color:var(--color-text);background:var(--color-surface-2)}.inv-iab:disabled{opacity:.45;cursor:not-allowed}.inv-iab-lbl{font-size:var(--fs-xs);font-weight:600}.inv-iab-green{background:var(--green-50);color:var(--green-800);border-color:var(--green-300)}.inv-iab-green:hover:not(:disabled){background:var(--green-100);border-color:var(--green-400)}.inv-iab-blue{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-300)}.inv-iab-blue:hover:not(:disabled){background:var(--blue-100);border-color:var(--blue-400)}.inv-iab-amber{background:var(--amber-50);color:var(--amber-800);border-color:var(--amber-300)}.inv-iab-amber:hover:not(:disabled){background:var(--amber-100);border-color:var(--amber-500)}.inv-iab-red{background:var(--red-50);color:var(--red-800);border-color:var(--red-300)}.inv-iab-red:hover:not(:disabled){background:var(--red-100);border-color:var(--red-400)}.inv-iab-red-ghost:hover:not(:disabled){background:var(--red-50);color:var(--red-800);border-color:var(--red-300)}.inv-confirm{font-size:var(--fs-sm);color:var(--red-600);flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.inv-confirm-label{font-size:var(--fs-sm);color:var(--slate-600);font-weight:500}.inv-empty-state{text-align:center;padding:32px 0}.inv-empty-icon{margin-bottom:8px;font-size:32px}.inv-empty-text{color:var(--color-text-subtle);font-size:var(--fs-base)}.inv-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);border-left:3px solid #0000;margin-bottom:10px;padding:14px}.inv-card-unpaid{border-left-color:var(--amber-500)}.inv-card-paid{border-left-color:var(--green-500)}.inv-card-canceled{border-left-color:var(--slate-400)}.inv-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.inv-card-body{margin-bottom:6px}.inv-card-footer{margin-bottom:10px}.inv-card-meta{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.inv-card-amount{font-size:var(--fs-xl);color:var(--blue-800);margin-bottom:4px;font-weight:800}.inv-card-due{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-bottom:10px}.inv-card-cust{color:var(--color-text);font-weight:600;font-size:var(--fs-md);margin-top:2px}.inv-card-plan{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:2px}.inv-card-actions{border-top:1px solid var(--slate-100);flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px;display:flex}.db-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.db-title{font-size:var(--fs-3xl);color:var(--color-text);margin:0;font-weight:800}.db-updated{font-size:var(--fs-xs);color:var(--color-text-subtle)}.db-refresh{font-size:var(--fs-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-2);cursor:pointer;transition:var(--transition-colors);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.db-refresh:hover:not(:disabled){border-color:var(--blue-300);color:var(--color-primary);background:var(--blue-50)}.db-pulse{justify-content:center;align-items:center;width:12px;height:12px;margin-left:6px;display:inline-flex;position:relative}.db-pulse-dot{background:var(--pulse-color);z-index:1;border-radius:50%;width:8px;height:8px;position:relative}.db-pulse-ring{background:var(--pulse-color);opacity:.4;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite db-ping;position:absolute}@keyframes db-ping{0%{opacity:.4;transform:scale(1)}75%,to{opacity:0;transform:scale(2.2)}}.db-hero{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px;display:grid}.db-card{border-radius:var(--radius-xl);flex-direction:column;gap:4px;padding:20px;display:flex;position:relative;overflow:hidden}.db-card:after{content:"";opacity:.06;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.db-card-cust{background:linear-gradient(135deg, var(--blue-50) 0%, var(--blue-100) 100%);border:1px solid var(--blue-200)}.db-card-cust:after{background:var(--color-primary)}.db-card-online{background:linear-gradient(135deg, var(--green-50) 0%, var(--green-100) 100%);border:1px solid var(--green-300)}.db-card-online:after{background:var(--green-600)}.db-card-revenue{border:1px solid var(--violet-300);background:linear-gradient(135deg,#faf5ff 0%,#e9d5ff 100%)}.db-card-revenue:after{background:var(--violet-600)}.db-card-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.db-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.db-icon-blue{background:var(--color-primary);color:#fff}.db-icon-green{background:var(--green-600);color:#fff}.db-icon-purple{background:var(--violet-600);color:#fff}.db-card-label{font-size:var(--fs-sm);color:var(--slate-600);font-weight:600}.db-card-big{color:var(--color-text);font-size:32px;font-weight:900;line-height:1.1}.db-big-green{color:var(--green-700)}.db-big-purple{color:var(--violet-700)}.db-card-sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.db-card-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.db-chip{font-size:var(--fs-2xs);border-radius:var(--radius-sm);padding:3px 8px;font-weight:700}.db-chip-green{color:var(--green-700);background:#22c55e26}.db-chip-amber{color:var(--amber-800);background:#f59e0b26}.db-chip-gray{color:var(--slate-600);background:#64748b1a}.db-recent{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:14px;overflow:hidden}.db-recent-head{border-bottom:1px solid var(--slate-100);font-size:var(--fs-base);color:var(--color-text-2);align-items:center;gap:8px;padding:14px 18px;font-weight:700;display:flex}.db-inv-tiles{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:4px;display:grid}.db-inv-tile{border-radius:var(--radius-xl);text-align:center;padding:16px 14px}.db-inv-tile-red{background:var(--red-50);border:1px solid var(--red-200)}.db-inv-tile-amber{background:var(--amber-50);border:1px solid var(--amber-200)}.db-inv-tile-blue{background:var(--blue-50);border:1px solid var(--blue-200)}.db-inv-tile-num{color:var(--color-text);font-size:32px;font-weight:800;line-height:1}.db-inv-tile-lbl{font-size:var(--fs-xs);color:var(--slate-600);margin:6px 0 2px;font-weight:700}.db-inv-tile-sub{font-size:var(--fs-2xs);color:var(--color-text-subtle)}@media (width<=600px){.db-inv-tiles{grid-template-columns:1fr 1fr}.db-inv-tiles .db-inv-tile-blue{grid-column:span 2}}.db-tbl-wrap{max-height:420px;padding:0 8px 8px;overflow-y:auto}.db-sess-user{font-size:var(--fs-base);color:var(--color-text);font-weight:600}.db-sess-uname{font-size:var(--fs-2xs);color:var(--color-text-subtle);background:var(--slate-100);border-radius:var(--radius-xs);padding:1px 6px}.db-sess-ip{font-size:var(--fs-sm);background:var(--slate-100);border-radius:var(--radius-xs);color:var(--color-text-2);padding:2px 8px}.db-sess-uptime{font-size:var(--fs-sm);color:var(--color-text);background:var(--green-50);border-radius:var(--radius-sm);padding:3px 8px;font-weight:700}.db-sess-cards{display:none}.db-sess-card{border-bottom:1px solid var(--slate-100);padding:14px 16px}.db-sess-card:last-child{border-bottom:none}.db-sess-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.db-sess-card-row{font-size:var(--fs-sm);color:var(--color-text-2);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.db-sess-card-label{font-size:var(--fs-xs);color:var(--color-text-subtle);font-weight:600}.db-sess-card-traffic{border-top:1px solid var(--slate-100);gap:16px;margin-top:8px;padding-top:8px;display:flex}.vc-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vc-btn-outline{font-size:var(--fs-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-2);cursor:pointer;transition:var(--transition-colors);min-height:var(--control-h);align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.vc-btn-outline:hover:not(:disabled){border-color:var(--blue-300);color:var(--color-primary);background:var(--blue-50)}.vc-btn-outline:disabled{opacity:.5;cursor:not-allowed}.vc-btn-ghost{font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-weight:600}.vc-btn-ghost:hover{color:var(--color-text)}.vc-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.vc-batch-box{background:var(--green-50);border:1px solid var(--green-300);border-radius:var(--radius-xl);margin-bottom:16px;padding:16px}.vc-batch-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vc-batch-head strong{font-size:var(--fs-md);color:var(--green-800)}.vc-batch-plan{background:var(--green-100);color:var(--green-800);border-radius:var(--radius-sm);font-size:var(--fs-xs);margin-left:8px;padding:2px 8px;font-weight:600;display:inline-block}.vc-batch-actions{flex-wrap:wrap;gap:8px;display:flex}.vc-cards{display:none}.vc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);min-width:0;margin-bottom:10px;padding:12px 14px;overflow:hidden}.vc-card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.vc-card-top .vc-code-cell{font-size:var(--fs-base);word-break:break-all}.vc-card-top .vc-badge{margin-left:auto}.vc-card-row{font-size:var(--fs-sm);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.vc-card-row>span:first-child{color:var(--color-text-muted);flex:none}.vc-card-row>span:last-child,.vc-card-row>b{text-align:right;word-break:break-word;overflow-wrap:anywhere;min-width:0}.vc-card-act{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:10px;display:flex}@media (width<=640px){.vc-tbl-wrap{display:none}.vc-cards{display:block}}.voucher-codes{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.voucher-codes code{background:var(--color-surface);border:1px solid var(--green-200);border-radius:var(--radius-sm);font-size:var(--fs-base);letter-spacing:1.5px;color:var(--green-800);padding:5px 12px;font-weight:700}.vc-code-cell{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);letter-spacing:1px;color:var(--color-text);padding:3px 10px;font-weight:700}.vc-plan-cell{font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500}.vc-muted{font-size:var(--fs-sm);color:var(--color-text-subtle)}.vc-badge{font-size:var(--fs-xs);border-radius:var(--radius-full);padding:3px 10px;font-weight:600;display:inline-block}.vc-badge-vc-unused{background:var(--blue-100);color:var(--blue-800)}.vc-badge-vc-used{background:var(--slate-100);color:var(--color-text-muted)}.vc-badge-vc-expired{background:var(--red-50);color:var(--red-600)}.vc-no-plan{background:var(--amber-100);border:1px solid var(--amber-400);border-radius:var(--radius-md);color:var(--amber-800);font-size:var(--fs-sm);padding:12px;font-weight:500}.odp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.odp-header-left{align-items:center;gap:10px;display:flex}.odp-header-left h2{font-size:var(--fs-2xl);color:var(--color-text);margin:0;font-weight:700}.odp-desc{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0 0 16px}.odp-summary{background:var(--slate-200);border-radius:var(--radius-lg);gap:1px;margin-bottom:16px;display:flex;overflow:hidden}.odp-stat{background:var(--color-surface);flex-direction:column;flex:1;align-items:center;padding:12px 8px;display:flex}.odp-stat:first-child{border-radius:10px 0 0 10px}.odp-stat:last-child{border-radius:0 10px 10px 0}.odp-stat-val{font-size:var(--fs-3xl);color:var(--color-text);font-weight:800}.odp-stat-label{font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.odp-toolbar{margin-bottom:14px}.odp-code{font-family:monospace;font-size:var(--fs-sm);background:var(--slate-100);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);letter-spacing:.5px;padding:2px 8px;font-weight:700}.odp-name-cell{font-size:var(--fs-base);color:var(--color-text-2);font-weight:500}.odp-addr-cell{font-size:var(--fs-xs);color:var(--color-text-subtle);max-width:180px}.odp-port-cell{font-size:var(--fs-sm);color:var(--color-text-2);white-space:nowrap;font-weight:700}.odp-col-addr{min-width:120px}.odp-col-util{min-width:140px}.odp-col-map{text-align:center;width:70px}.odp-util-wrap{align-items:center;gap:8px;display:flex}.odp-util-track{border-radius:var(--radius-full);background:var(--slate-200);flex:1;height:6px;overflow:hidden}.odp-util-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.odp-bar-ok{background:var(--green-500)}.odp-bar-warn{background:var(--amber-500)}.odp-bar-full{background:var(--red-500)}.odp-util-pct{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:right;min-width:32px;font-weight:700}.odp-map-link{font-size:var(--fs-sm);color:var(--color-primary);align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.odp-map-link:hover{text-decoration:underline}.odp-no-map{color:var(--slate-300);font-size:var(--fs-sm)}.odp-actions{flex-wrap:wrap;gap:4px;display:flex}.odp-cards{display:none}.odp-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:pointer;margin-bottom:10px;padding:12px 14px;overflow:hidden}.odp-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.odp-card-name{min-width:0;font-size:var(--fs-base);color:var(--color-text-2);word-break:break-word;flex:1;font-weight:500}.odp-card-addr{font-size:var(--fs-xs);color:var(--color-text-muted);word-break:break-word;margin-top:6px}.odp-card-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.odp-detail-body{padding:20px}.odp-loading{color:var(--color-text-muted);font-size:var(--fs-base)}.odp-detail-grid{grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:16px;display:grid}.odp-detail-item{flex-direction:column;gap:2px;display:flex}.odp-detail-label{font-size:var(--fs-2xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.odp-detail-val{font-size:var(--fs-base);color:var(--color-text);font-weight:500}.odp-detail-val code{background:var(--slate-100);border-radius:var(--radius-xs);padding:2px 8px;font-weight:700}.odp-detail-util{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.odp-detail-util-head{font-size:var(--fs-sm);color:var(--color-text-2);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.odp-detail-free{color:var(--color-text-muted);font-weight:400}.odp-detail-ports-head{font-size:var(--fs-sm);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-weight:700}.odp-port-num{text-align:center;background:var(--slate-100);border-radius:var(--radius-sm);width:28px;height:28px;line-height:28px;font-size:var(--fs-sm);color:var(--color-text-2);font-weight:700;display:inline-block}.odp-port-empty{font-size:var(--fs-sm);color:var(--slate-300);font-style:italic}.prof-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:14px;padding:16px 20px}.prof-section-head{font-size:var(--fs-sm);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--slate-100);margin-bottom:12px;padding-bottom:8px;font-weight:700}.prof-fields{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;display:grid}.prof-field{flex-direction:column;gap:4px;min-width:0;display:flex}.prof-field-full{grid-column:1/-1}.prof-label{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:600}.prof-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base);background:var(--color-surface);padding:10px 12px;font-family:inherit;transition:border-color .15s}.prof-input:focus{border-color:var(--blue-600);box-shadow:var(--ring);outline:none}.prof-input:disabled{background:var(--color-surface-2);color:var(--color-text-subtle)}.prof-slug{font-size:var(--fs-base);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.prof-slug code{color:var(--color-text);background:0 0;padding:0;font-weight:700}.prof-footer{justify-content:flex-end;padding-top:4px;display:flex}.badge-role-tenant_admin{background:var(--violet-100);color:var(--violet-800)}.badge-role-tenant_operator{color:#075985;background:#e0f2fe}.badge-role-technician{background:var(--amber-100);color:var(--amber-800)}.chk{align-items:center;gap:8px;display:flex}.notif-tabs-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.notif-tabs{border-bottom:2px solid var(--color-border);gap:4px;min-width:max-content;margin:16px 0 0;display:flex}.notif-tab{font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 18px;font-weight:600;display:flex}.notif-tab:hover{color:var(--color-text);background:var(--color-surface-2)}.notif-tab.active{color:var(--color-primary);border-bottom-color:var(--blue-600)}.notif-tab-badge{background:var(--slate-200);color:var(--color-text-2);font-size:var(--fs-2xs);border-radius:var(--radius-lg);padding:1px 7px;font-weight:700}.notif-tab.active .notif-tab-badge{background:var(--blue-100);color:var(--blue-700)}.notif-panel{padding:20px 0 0}.notif-page{padding:0}.notif-banner{border-radius:var(--radius-lg);font-size:var(--fs-sm);align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 16px;display:flex}.notif-banner-icon{font-size:var(--fs-xl);flex-shrink:0;margin-top:1px}.notif-dry{background:var(--amber-50);border:1px solid var(--amber-200);color:var(--amber-800)}.notif-section-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;display:grid}.notif-section-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px}.notif-section-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.notif-section-title b{font-size:var(--fs-md)}.notif-section-icon{font-size:var(--fs-3xl)}.notif-status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.notif-status-dot.on{background:var(--green-500);box-shadow:0 0 4px #22c55e8c}.notif-status-dot.off{background:var(--slate-400)}.notif-field{flex-direction:column;margin-bottom:10px;display:flex}.notif-field-label{font-size:var(--fs-xs);color:var(--color-text-2);margin-bottom:4px;font-weight:600}.notif-field input,.notif-field select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface);padding:8px 10px}.notif-reminder-row{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 20px;display:flex}.notif-reminder-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notif-reminder-right input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);text-align:center;padding:8px 10px}.notif-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.notif-tpl-info{margin-bottom:16px}.notif-tpl-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);margin-bottom:14px;padding:16px 20px}.notif-tpl-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.notif-tpl-title{align-items:flex-start;gap:10px;display:flex}.notif-tpl-icon{font-size:var(--fs-2xl);margin-top:2px}.notif-tpl-controls{align-items:center;gap:10px;display:flex}.notif-tpl-textarea{box-sizing:border-box;width:100%;font-family:var(--font-mono);font-size:var(--fs-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);resize:vertical;background:var(--color-surface-2);padding:12px 14px;line-height:1.6}.notif-tpl-foot{justify-content:flex-end;margin-top:10px;display:flex}.badge-notif-sent{background:var(--green-100);color:var(--green-800)}.badge-notif-dryrun{color:#3730a3;background:#e0e7ff}.badge-notif-failed{background:var(--red-100);color:var(--red-800)}.badge-notif-skipped{background:var(--slate-200);color:var(--color-text-2)}.notif-log-tbl-wrap{display:block}.notif-log-cards{flex-direction:column;gap:10px;padding:4px 0;display:none}.notif-log-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;padding:14px 16px;transition:box-shadow .15s}.notif-log-card:hover{box-shadow:var(--shadow-md)}.notif-log-card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.notif-log-card-ch{font-size:var(--fs-xs);background:var(--slate-100);border-radius:var(--radius-sm);padding:2px 8px}.notif-log-card-time{font-size:var(--fs-2xs);margin-left:auto}.notif-log-card-event{font-weight:600;font-size:var(--fs-sm);margin-bottom:2px}.notif-log-card-rcpt{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;overflow:hidden}.notif-log-card-err{font-size:var(--fs-xs);color:var(--red-500);margin-bottom:6px}.notif-log-card-foot{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.secret-row{align-items:center;gap:8px;display:flex}.secret-row code{word-break:break-all}.ros-switch{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.ros-switch button{background:var(--color-surface);color:var(--color-text-2);font-size:var(--fs-sm);cursor:pointer;border:none;padding:5px 12px}.ros-switch button.ros-on{background:var(--color-primary);color:#fff;font-weight:600}.nat-row{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.nat-row label{color:var(--color-text-2);font-weight:600}.nat-row select,.nat-row input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);padding:6px 10px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar .search{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-width:min(200px,100%);font-size:var(--fs-base);flex:1;padding:7px 11px}.filter-bar select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);padding:7px 10px}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--color-primary)}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.pager-nav{align-items:center;gap:6px;display:inline-flex}.pager-nav button{min-width:var(--control-h-sm);padding:4px 10px}.pager-nav button:disabled{opacity:.4;cursor:not-allowed}.ob-wrap{background:linear-gradient(180deg, #f0f9ff 0%, var(--slate-50) 100%);justify-content:center;min-height:100dvh;padding:40px 20px;display:flex}.ob-card{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:780px;box-shadow:var(--shadow-lg);padding:32px}.ob-header{text-align:center;margin-bottom:32px}.ob-header h1{color:var(--blue-800);margin:0 0 6px;font-size:28px}.ob-header p{color:var(--color-text-muted);margin:0}.ob-steps{justify-content:center;align-items:center;gap:8px;margin-bottom:32px;display:flex}.ob-step{border-radius:var(--radius-full);background:var(--slate-100);color:var(--color-text-muted);font-size:var(--fs-base);align-items:center;gap:10px;padding:10px 16px;font-weight:500;display:flex}.ob-step.active{background:var(--blue-100);color:var(--blue-800);font-weight:700}.ob-step.done{background:var(--green-100);color:var(--green-700)}.ob-step-num{background:var(--color-surface);width:26px;height:26px;color:inherit;font-weight:700;font-size:var(--fs-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.ob-step.active .ob-step-num{background:var(--blue-800);color:#fff}.ob-step.done .ob-step-num{background:var(--green-500);color:#fff}.ob-line{background:var(--slate-200);width:40px;height:2px;transition:background .3s}.ob-line.done{background:var(--green-500)}.ob-body h2{font-size:var(--fs-xl);color:var(--color-text);margin:0 0 4px}.ob-body p.muted{color:var(--color-text-muted);font-size:var(--fs-base);margin:0 0 16px}.ob-wait-note{border-radius:var(--radius-lg);background:var(--amber-50);border:1px solid var(--amber-200);color:var(--amber-800);font-size:var(--fs-sm);margin-top:14px;padding:12px 14px;line-height:1.55}.ob-nav{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.plan-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.plan-header-left{align-items:center;gap:10px;display:flex}.plan-header-left h2{font-size:var(--fs-2xl);color:var(--color-text);margin:0;font-weight:700}.plan-total-badge{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200);border-radius:var(--radius-full);font-size:var(--fs-sm);padding:2px 10px;font-weight:700}.plan-alert-ok{background:var(--green-50);border:1px solid var(--green-300);color:var(--green-800);border-radius:var(--radius-md);font-size:var(--fs-base);margin-bottom:14px;padding:10px 14px}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;display:grid}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;gap:6px;padding:20px;transition:box-shadow .15s,border-color .15s;display:flex}.plan-card:hover{border-color:var(--blue-300);box-shadow:0 4px 16px #2563eb14}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.plan-card-name{font-size:var(--fs-lg);color:var(--color-text);word-break:break-word;font-weight:700}.plan-type{font-size:var(--fs-2xs);text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:.3px;padding:3px 8px;font-weight:700}.plan-type-ppp{background:var(--blue-100);color:var(--blue-800)}.plan-type-hotspot{background:var(--amber-100);color:var(--amber-800)}.plan-card-price{font-size:var(--fs-4xl);color:var(--color-primary);margin-top:4px;font-weight:800}.plan-card-period{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:-2px}.plan-card-bw{border-top:1px solid var(--slate-100);align-items:center;gap:12px;margin-top:8px;padding-top:10px;display:flex}.plan-bw-item{font-size:var(--fs-sm);color:var(--color-text-2);align-items:center;gap:4px;font-weight:600;display:flex}.plan-bw-item svg{color:var(--color-text-muted)}.plan-bw-sym{font-size:var(--fs-2xs);color:var(--green-500);background:var(--green-50);border-radius:var(--radius-xs);padding:2px 7px;font-weight:600}.plan-cust-count{font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:auto;font-weight:500}.plan-card-actions{border-top:1px solid var(--slate-100);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;display:flex}.plan-card-actions>button{white-space:nowrap;flex:0 auto}.plan-bw-input{gap:6px;display:flex}.plan-bw-input .cf-input{flex:1}.plan-bw-input .plan-unit-select{flex:none;max-width:100px}.plan-price-input{align-items:center;display:flex}.plan-price-prefix{background:var(--slate-200);border:1px solid var(--color-border-strong);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--slate-600);font-weight:600;font-size:var(--fs-base);border-right:0;padding:10px 14px;line-height:1}.plan-price-input .plan-price-field{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:0}.plan-sym-check{font-size:var(--fs-xs);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:4px;margin-left:auto;font-weight:400;display:inline-flex}.plan-sym-check input{margin:0}.cust-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cust-header-left{align-items:center;gap:10px;display:flex}.cust-header-left h2{font-size:var(--fs-2xl);color:var(--color-text);margin:0;font-weight:700}.cust-total-badge{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200);border-radius:var(--radius-full);font-size:var(--fs-sm);padding:2px 10px;font-weight:700}.cust-btn-add{min-height:var(--control-h);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-base);cursor:pointer;transition:var(--transition-colors);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:600;display:inline-flex}.cust-btn-add:hover:not(:disabled){background:var(--color-primary-hover)}.cust-btn-add:disabled{opacity:.55}.cust-btn-add-icon{width:20px;height:20px;font-size:var(--fs-base);background:#fff3;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.cust-alert{border-radius:var(--radius-lg);font-size:var(--fs-sm);margin-bottom:12px;padding:10px 14px}.cust-alert-error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700)}.cust-filters{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.cust-search-wrap{flex:1;min-width:min(220px,100%);position:relative}.cust-search-icon{width:16px;height:16px;color:var(--color-text-subtle);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cust-search{width:100%;min-height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base);background:var(--color-surface);padding:8px 12px 8px 36px;transition:border-color .15s,box-shadow .15s}.cust-search:focus{border-color:var(--blue-600);box-shadow:var(--ring);outline:none}.cust-filter-toggle{display:none}.cust-filter-selects{flex-wrap:wrap;gap:8px;display:flex}.cust-select{min-height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface);cursor:pointer;max-width:100%;padding:8px 12px}.cust-select:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.cust-btn-csv-label{display:inline}.cust-expire-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;margin-bottom:0;display:flex}.cust-expire-label{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.cust-expire-sep{font-size:var(--fs-xs);color:var(--color-text-subtle)}.cust-date{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-surface);color:var(--slate-800);appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:5px 8px}.cust-alert-ok{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700);border-radius:var(--radius-md);font-size:var(--fs-sm);padding:10px 14px}.cust-empty{text-align:center;background:var(--color-surface-2);border:2px dashed var(--color-border);border-radius:var(--radius-2xl);padding:48px 24px}.cust-empty-icon{margin-bottom:8px;font-size:40px}.cust-empty h3{color:var(--color-text-2);font-size:var(--fs-lg);margin:0 0 6px}.cust-empty p{color:var(--color-text-muted);font-size:var(--fs-base);margin:0 0 16px}.cust-tbl{border-collapse:collapse;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums;background:var(--color-surface)}.cust-tbl th{text-align:left;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--color-surface-2);border-bottom:2px solid var(--color-border);z-index:1;padding:10px 12px;font-weight:600;position:sticky;top:0}.cust-tbl td{border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:12px}.cust-row{cursor:pointer;transition:background .1s}.cust-row:nth-child(2n){background:var(--color-surface-2)}.cust-row:hover{background:var(--color-row-hover)}.cust-td-id{color:var(--color-text-subtle);font-size:var(--fs-xs);font-weight:500}.cust-th-actions,.cust-td-actions{text-align:right}.cust-td-exp{color:var(--color-text-muted);font-size:var(--fs-sm);white-space:nowrap}.cust-cell-name{align-items:center;gap:10px;display:flex}.cust-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--blue-100), var(--violet-100));width:34px;height:34px;color:var(--blue-500);font-weight:700;font-size:var(--fs-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cust-name-col{flex-direction:column;min-width:0;display:flex}.cust-name{color:var(--color-text);font-weight:600;font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cust-username{font-size:var(--fs-xs);color:var(--color-text-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cust-paket{background:var(--slate-100);color:var(--color-text-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);white-space:nowrap;padding:3px 10px;font-weight:600}.cust-billing{border-radius:var(--radius-sm);font-size:var(--fs-2xs);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:3px 10px;font-weight:600}.cust-billing-prepaid{background:var(--color-primary);color:#fff}.cust-billing-postpaid{background:var(--violet-600);color:#fff}.cust-status{border-radius:var(--radius-full);font-size:var(--fs-xs);white-space:nowrap;padding:3px 10px;font-weight:600}.cust-status-active{background:var(--green-600);color:#fff}.cust-status-isolir{background:var(--orange-600);color:#fff}.cust-status-suspended{background:var(--red-600);color:#fff}.cust-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.cust-btn-ghost-sm{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-xs);color:var(--slate-600);cursor:pointer;transition:var(--transition-colors);min-height:var(--control-h-sm);justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-weight:500;display:inline-flex}.cust-btn-ghost-sm:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.cust-btn-ghost-sm.cust-btn-warn{color:var(--orange-800);border-color:var(--orange-200)}.cust-btn-ghost-sm.cust-btn-warn:hover{background:var(--orange-50)}.cust-btn-ghost-sm.cust-btn-ok{color:var(--green-800);border-color:var(--green-200)}.cust-btn-ghost-sm.cust-btn-ok:hover{background:var(--green-50)}.cust-btn-ghost-sm.cust-btn-danger{color:var(--red-600);border-color:var(--red-200)}.cust-btn-ghost-sm.cust-btn-danger:hover{background:var(--red-50)}.cust-btn-ghost-sm:disabled{opacity:.5;cursor:not-allowed}.cust-btn-danger-sm,.cust-btn-sm{min-height:var(--control-h-sm);background:var(--color-danger);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-xs);cursor:pointer;transition:var(--transition-colors);border:none;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.cust-btn-danger-sm:hover:not(:disabled){background:var(--color-danger-hover)}.cust-btn-sm{background:var(--color-success)}.cust-btn-sm:hover:not(:disabled){background:var(--green-700)}.cust-btn-danger-sm:disabled,.cust-btn-sm:disabled{opacity:.55}.cust-confirm{font-size:var(--fs-sm);color:var(--red-600);align-items:center;gap:6px;display:inline-flex}.cust-tbl-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);display:block;overflow-x:auto}.cust-cards{display:none}.cust-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin-bottom:10px;padding:14px;transition:box-shadow .15s}.cust-card:hover{box-shadow:var(--shadow-md)}.cust-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.cust-card-meta{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cust-card-exp{font-size:var(--fs-xs);color:var(--color-text-muted);align-self:center}.cust-card-actions{touch-action:manipulation;flex-wrap:wrap;gap:6px;display:flex}.cust-card-actions button{-webkit-user-select:none;user-select:none}.cust-card-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.tk-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.tk-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:80px;font-size:var(--fs-xs);color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 16px;font-weight:500;display:flex}.tk-stat-n{font-size:var(--fs-3xl);font-weight:700;line-height:1}.tk-open .tk-stat-n{color:var(--red-600)}.tk-inprog .tk-stat-n{color:var(--amber-600)}.tk-done .tk-stat-n{color:var(--green-600)}.tk-closed .tk-stat-n{color:var(--color-text-muted)}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{min-height:var(--control-h);border-radius:var(--radius-md);font-size:var(--fs-base);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;line-height:1.2;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--slate-100);color:var(--color-text-2);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--slate-200)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-ghost{color:var(--color-text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--slate-100);color:var(--color-text)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-sm{min-height:var(--control-h-sm);background:var(--slate-100);color:var(--color-text-2);border:1px solid var(--color-border);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--fs-xs);transition:var(--transition-colors);justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.btn-sm:hover:not(:disabled){background:var(--slate-200)}.btn-sm:disabled{opacity:.55}.btn-icon{cursor:pointer;color:var(--color-text-subtle);font-size:var(--fs-lg);border-radius:var(--radius-xs);background:0 0;border:none;padding:4px;line-height:1;transition:color .15s}.btn-icon:hover{color:var(--color-text-2);background:var(--slate-100)}.mgr-wrap{flex-direction:column;height:100%;display:flex}.mgr-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.form-err,.form-error{color:var(--color-danger-text);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-bottom:8px;padding:8px 12px}.page-loading{text-align:center;color:var(--color-text-muted);padding:40px}.page-err{text-align:center;color:var(--red-600);padding:40px}@media (width<=640px){.cust-tbl-wrap{display:none}.cust-cards{display:block}.cust-header>div{flex-wrap:wrap;width:100%}.mgr-toolbar{flex-direction:column;align-items:stretch}.mgr-toolbar>div{flex-direction:column}.mgr-toolbar .cf-input{box-sizing:border-box;width:100%!important}.mgr-toolbar .btn-primary{justify-content:center;width:100%}.tk-stats{gap:8px}.tk-stat{min-width:0;padding:10px 8px}.tk-stat-n{font-size:var(--fs-xl)}}.cf-modal{background:var(--color-surface);border-radius:var(--radius-2xl);width:680px;max-width:100%;box-shadow:var(--shadow-xl);overscroll-behavior:contain;max-height:calc(100dvh - 80px);overflow:hidden auto}.cf-header{background:linear-gradient(135deg, var(--slate-50), var(--slate-100));border-bottom:1px solid var(--color-border);z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex;position:sticky;top:0}.cf-header-left{align-items:flex-start;gap:12px;display:flex}.cf-header-icon{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;font-size:var(--fs-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cf-title{font-size:var(--fs-xl);color:var(--color-text);margin:0;font-weight:700}.cf-subtitle{font-size:var(--fs-sm);color:var(--color-text-muted);margin:2px 0 0}.cf-close{color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-sm);min-width:32px;min-height:32px;transition:var(--transition-colors);background:0 0;border:none;padding:0;font-size:28px;line-height:1}.cf-close:hover{color:var(--slate-600);background:var(--slate-100)}.cf-loading{text-align:center;color:var(--color-text-muted);font-size:var(--fs-base);padding:48px 24px}.cf-form{padding:0}.cf-section{border-bottom:1px solid var(--slate-100);padding:16px 24px}.cf-section:last-of-type{border-bottom:none}.cf-section-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.cf-section-icon{font-size:var(--fs-xl)}.cf-section-label{font-size:var(--fs-sm);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.cf-fields{grid-template-columns:repeat(6,1fr);gap:12px 16px;display:grid}.cf-field{flex-direction:column;gap:4px;min-width:0;display:flex}.cf-field-full{grid-column:1/-1}.cf-field-half{grid-column:span 3}.cf-field-third{grid-column:span 2}.cf-label{font-size:var(--fs-xs);color:var(--slate-600);font-weight:600}.cf-field-hint{color:var(--color-text-muted);font-size:var(--fs-2xs);margin-top:2px;font-weight:600}.cf-note{font-size:var(--fs-xs);color:var(--color-text-muted);grid-column:1/-1;margin:0}.cf-input{min-height:var(--control-h);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);box-sizing:border-box;width:100%;padding:8px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.cf-input:hover:not(:disabled):not(:focus){border-color:var(--slate-400)}.cf-input::placeholder{color:var(--color-text-subtle)}.cf-input:focus{border-color:var(--blue-600);box-shadow:var(--ring);outline:none}.cf-input:disabled{background:var(--color-surface-2);color:var(--color-text-subtle);cursor:not-allowed}.cf-textarea{resize:vertical;min-height:56px}.cf-footer{background:var(--color-surface-2);border-top:1px solid var(--color-border);z-index:2;padding:16px 24px;position:sticky;bottom:0}.cf-footer-btns{justify-content:flex-end;gap:10px;display:flex}.cf-btn-cancel,.cf-btn-save{min-height:var(--control-h);border-radius:var(--radius-md);font-size:var(--fs-base);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;gap:6px;display:inline-flex}.cf-btn-cancel{border:1px solid var(--color-border);background:var(--color-surface);color:var(--slate-600);padding:8px 20px;font-weight:500}.cf-btn-cancel:hover:not(:disabled){background:var(--slate-100)}.cf-btn-save{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;padding:8px 24px;font-weight:600}.cf-btn-save:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.cf-btn-save:disabled{opacity:.6;cursor:not-allowed}.cf-msg{font-size:var(--fs-sm);border-radius:var(--radius-md);margin-bottom:10px;padding:8px 12px}.cf-msg-err{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200)}.cf-msg-ok{background:var(--green-50);color:var(--green-800);border:1px solid var(--green-200)}@media (width<=900px){.sidebar{z-index:var(--z-drawer);width:min(280px,85vw);transition:transform .25s var(--ease), visibility .25s;visibility:hidden;overscroll-behavior:contain;padding-bottom:max(20px, env(safe-area-inset-bottom));position:fixed;inset:0;transform:translate(-100%);box-shadow:4px 0 24px #0f172a24}.sidebar.sidebar-open{visibility:visible;transform:translate(0)}.sidebar-overlay{z-index:var(--z-backdrop);background:#0f172a73;animation:.2s ease-out wr-fade;display:block;position:fixed;inset:0}.sidebar-close{min-width:36px;min-height:36px;color:var(--color-text-subtle);font-size:var(--fs-4xl);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-left:auto;padding:2px 4px;line-height:1;display:block}.sidebar-close:hover{color:var(--color-text);background:var(--slate-100)}.hamburger{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:36px;min-height:36px;padding:6px;display:flex}.hamburger:hover{background:var(--slate-100)}.hamburger span{background:var(--slate-700);border-radius:2px;width:20px;height:2px;display:block}.content2{padding:16px}.topbar2{padding:0 14px}.tb-tenant select{max-width:140px}.db-hero{grid-template-columns:repeat(2,1fr)}.db-card-big{font-size:26px}.saldo-cards,.nas-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.content2{padding:10px}.topbar2{height:48px;padding:0 10px}.tb-sub{font-size:var(--fs-sm)}.logout{font-size:var(--fs-xs);padding:4px 10px}.card{border-radius:var(--radius-lg);padding:14px 12px}.card h2{font-size:var(--fs-lg)}.tbl{font-size:var(--fs-xs)}.tbl th,.tbl td{padding:8px 6px}.db-hero{grid-template-columns:1fr;gap:10px}.db-card{padding:16px}.db-card-big{font-size:28px}.db-card-icon{border-radius:var(--radius-md);width:34px;height:34px}.db-card-icon svg{width:18px;height:18px}.db-tbl-wrap{display:none}.db-sess-cards{display:block}.saldo-cards{grid-template-columns:1fr}.saldo-val{font-size:var(--fs-3xl)}.saldo-val2{font-size:var(--fs-xl)}.nas-filter{flex-direction:column;align-items:stretch}.nas-stats{grid-template-columns:1fr 1fr;gap:8px}.nas-stat-val{font-size:var(--fs-2xl)}.modal-overlay{padding:16px 8px}.modal{width:100%;padding:16px 14px}.form-section,.form-grid label{font-size:var(--fs-xs)}.form-grid input,.form-grid select{font-size:var(--fs-sm);padding:8px 10px}.cust-header{flex-direction:column;align-items:stretch;gap:8px}.cust-btn-add{justify-content:center}.cust-btn-csv-label{display:none}.cust-filters{flex-flow:wrap;gap:8px}.cust-search-wrap{flex:1;min-width:0}.cust-filter-toggle{min-height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface);cursor:pointer;white-space:nowrap;color:var(--color-text-2);align-items:center;gap:4px;padding:8px 12px;display:inline-flex}.cust-filter-toggle-active{border-color:var(--blue-600);color:var(--color-primary);background:var(--blue-50)}.cust-filter-selects{flex-direction:column;gap:8px;width:100%;display:none}.cust-filter-selects.cust-filter-open{display:flex}.cust-select{box-sizing:border-box;width:100%}.cust-expire-row{flex-wrap:wrap;gap:6px}.cust-date{min-width:110px;font-size:var(--fs-xs);flex:1}.cust-tbl{font-size:var(--fs-xs)}.cust-tbl th,.cust-tbl td{padding:8px 6px}.cust-cell-name{gap:8px}.cust-avatar{width:28px;height:28px;font-size:var(--fs-xs);border-radius:var(--radius-md)}.cust-name{font-size:var(--fs-sm)}.cust-actions{gap:2px}.cust-btn-ghost-sm{font-size:var(--fs-xs);padding:4px 8px}.cf-modal{border-radius:var(--radius-xl);width:100%}.cf-header{padding:16px}.cf-header-icon{width:34px;height:34px;font-size:var(--fs-xl)}.cf-title{font-size:var(--fs-md)}.cf-section{padding:14px 16px}.cf-fields{grid-template-columns:1fr;gap:10px}.cf-field-half,.cf-field-third{grid-column:span 1}.cf-input{font-size:var(--fs-sm);padding:8px 10px}.cf-footer{padding:14px 16px}.cf-footer-btns{flex-direction:column-reverse}.cf-btn-cancel,.cf-btn-save{text-align:center;width:100%}.plan-grid{grid-template-columns:1fr}.plan-card{padding:16px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search{min-width:0}.pager{font-size:var(--fs-xs)}.notif-tab{font-size:var(--fs-xs);white-space:nowrap;padding:8px 12px}.notif-section-grid{grid-template-columns:1fr}.notif-reminder-row{flex-direction:column;align-items:flex-start}.notif-log-tbl-wrap{display:none}.notif-log-cards{display:flex}.notif-tpl-header{flex-direction:column}.quota-head{flex-direction:column;align-items:flex-start;gap:4px}.ob-steps{flex-wrap:wrap;gap:6px}.ob-step{font-size:var(--fs-sm);padding:8px 12px}.ob-line{width:20px}.ob-card{padding:20px 16px}.ob-header h1{font-size:var(--fs-3xl)}.vc-header-actions{flex-direction:column;width:100%}.vc-header-actions .cust-btn-add{justify-content:center;width:100%}.vc-filters{flex-direction:column}.voucher-codes code{font-size:var(--fs-xs);padding:3px 8px}.vc-batch-head{flex-direction:column;align-items:flex-start}.odp-summary{flex-wrap:wrap}.odp-stat{flex:45%;min-width:0}.odp-stat:first-child,.odp-stat:last-child{border-radius:0}.odp-tbl-wrap{display:none}.odp-cards{display:block}.odp-detail-grid{grid-template-columns:1fr}.nas-tbl-wrap{display:none}.nas-cards{display:block}.pay-tbl-wrap{display:none}.pay-cards{display:block}.usr-tbl-wrap{display:none}.usr-cards{display:block}.usr-col-email{display:none}.prof-fields{grid-template-columns:1fr}.prof-section{padding:14px 16px}.prof-footer{justify-content:stretch}.prof-footer .cf-btn-save{text-align:center;width:100%}.row-actions{flex-wrap:wrap}.kv{font-size:var(--fs-xs);grid-template-columns:100px 1fr}.btn-cred,.btn-cancel{font-size:var(--fs-xs);padding:4px 8px}.copy{font-size:var(--fs-xs);padding:4px 10px}.cfg{font-size:var(--fs-2xs);padding:8px}}@media (width<=400px){.nas-stats{grid-template-columns:1fr}.tb-right .logout span,.tb-tenant{display:none}}.sa-db-health-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;margin-bottom:20px;padding:14px 18px;display:flex}.sa-db-health-label{font-size:var(--fs-base);align-items:center;gap:8px;display:flex}.sa-db-uptime{font-size:var(--fs-xs);margin-left:4px}.sa-db-health-modules{flex-wrap:wrap;gap:8px 16px;display:flex}.sa-db-module{font-size:var(--fs-xs);cursor:default;align-items:center;gap:4px;display:flex}.sa-db-module-icon{font-size:var(--fs-sm)}.sa-db-module-name{font-weight:500}.sa-db-module-latency{font-size:var(--fs-2xs);margin-left:2px}.sa-db-tenant-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px;margin-bottom:24px;display:grid}.sa-db-tenant-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px}.sa-db-tc-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.sa-db-tc-name{font-weight:600;font-size:var(--fs-base)}.sa-db-tc-slug{font-size:var(--fs-2xs);color:var(--color-text-muted)}.sa-db-tc-tier{font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.sa-db-tc-stats{border-top:1px solid var(--color-border);gap:0;padding-top:10px;display:flex}.sa-db-tc-stat{text-align:center;flex-direction:column;flex:1;gap:2px;display:flex}.sa-db-tc-stat:not(:last-child){border-right:1px solid var(--color-border)}.sa-db-tc-num{font-size:var(--fs-2xl);font-weight:700;line-height:1}.sa-db-tc-lbl{font-size:var(--fs-3xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}@media (width<=600px){.sa-db-health-modules{gap:6px 12px}.sa-db-tenant-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.db2-page{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.db2-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.db2-greeting{font-size:var(--fs-3xl);color:var(--color-text);font-weight:800;line-height:1.2}.db2-sub{font-size:var(--fs-xs);color:var(--color-text-subtle);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.db2-wa-badge{border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-xs);align-items:center;padding:3px 10px;display:inline-flex}.db2-wa-ok{background:var(--green-100);color:var(--green-700)}.db2-wa-off{background:var(--red-100);color:var(--red-800)}.db2-hero{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.db2-hcard{border-radius:var(--radius-2xl);color:#fff;transition:transform .2s var(--ease), box-shadow .2s var(--ease);min-width:0;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a1f}@media (hover:hover){.db2-hcard:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0f172a29}}.db2-hcard-blue{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%)}.db2-hcard-green{background:linear-gradient(135deg, var(--green-500) 0%, var(--green-700) 100%)}.db2-hcard-purple{background:linear-gradient(135deg, #a855f7 0%, var(--violet-700) 100%)}.db2-hcard-amber{background:linear-gradient(135deg, var(--amber-500) 0%, var(--amber-700) 100%)}.db2-hcard:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.db2-hcard-top{align-items:center;gap:8px;margin-bottom:14px;display:flex}.db2-hcard-icon{font-size:var(--fs-2xl);line-height:1}.db2-hcard-label{font-size:var(--fs-sm);opacity:.9;flex:1;font-weight:600}.db2-hcard-big{letter-spacing:-.03em;margin-bottom:6px;font-size:44px;font-weight:900;line-height:1}.db2-hcard-big-sm{letter-spacing:-.02em;font-size:28px}.db2-hcard-sub{font-size:var(--fs-xs);opacity:.82}.db2-hcard-chip{color:#ffffffe6;border-radius:var(--radius-sm);font-size:var(--fs-2xs);background:#ffffff2e;align-items:center;padding:2px 9px;font-weight:600;display:inline-flex}.db2-hcard-chip.db2-hchip-solid{color:#fff;background:#ffffff52}.db2-chart-card{background:var(--color-surface);border:1px solid var(--slate-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 22px}.db2-panel{background:var(--color-surface);border:1px solid var(--slate-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:20px 22px}.db2-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.db2-card-title{font-size:var(--fs-md);color:var(--color-text);font-weight:700}.db2-card-big-num{font-size:var(--fs-4xl);color:var(--color-text);font-weight:800}.db2-row2{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.db2-infra-tile{background:var(--color-surface-2);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;display:flex}.db2-odp-tile{background:var(--color-surface-2);border-radius:var(--radius-xl);padding:12px 14px}@media (width<=1000px){.db2-hero{grid-template-columns:repeat(2,1fr)}.db2-row2{grid-template-columns:1fr}}@media (width<=600px){.db2-page{padding:16px 12px 32px}.db2-hero{grid-template-columns:1fr 1fr;gap:10px}.db2-hcard{padding:16px}.db2-hcard-big{font-size:36px}.db2-hcard-big-sm{font-size:var(--fs-3xl);overflow-wrap:anywhere}.db2-greeting{font-size:var(--fs-xl)}.db2-chart-card,.db2-panel{border-radius:var(--radius-xl);padding:16px}}.bc-page{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.bc-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.bc-title{font-size:var(--fs-3xl);color:var(--color-text);margin:0 0 4px;font-weight:800}.bc-subtitle{font-size:var(--fs-sm);margin:0}.bc-tpl-wrap{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.bc-tpl-label{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;font-weight:600}.bc-tpl-row{flex-wrap:wrap;gap:8px;display:flex}.bc-tpl-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-2);border-radius:var(--radius-full);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;padding:6px 14px;font-weight:500}.bc-tpl-btn:hover{background:var(--slate-100);border-color:var(--color-border-strong)}.bc-tpl-btn.active{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-700)}.bc-grid{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.bc-left,.bc-right{flex-direction:column;gap:16px;display:flex}.bc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:20px 22px}.bc-card-hd{font-size:var(--fs-base);color:var(--slate-800);border-bottom:1px solid var(--slate-100);margin-bottom:14px;padding-bottom:10px;font-weight:700}.bc-field{margin-bottom:12px}.bc-field label{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:5px;font-weight:600;display:block}.bc-ctr{text-align:right;font-size:var(--fs-2xs);color:var(--color-text-subtle);margin-top:3px;display:block}.bc-filter-tag{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--blue-700);margin-top:4px;padding:6px 12px;font-weight:500}.bc-prev-card{padding-bottom:16px}.bc-prev-tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.bc-prev-tab{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;padding:5px 14px;font-weight:500}.bc-prev-tab.active{background:var(--slate-800);color:#fff;border-color:var(--slate-800)}.bc-prev-push{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:14px 16px}.bc-prev-push-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bc-prev-wa{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.bc-prev-wa-hd{color:#fff;font-size:var(--fs-xs);background:#128c7e;padding:8px 14px;font-weight:600}.bc-prev-wa-bubble{font-size:var(--fs-sm);color:#1a1a1a;background:#dcf8c6;padding:12px 16px}.bc-prev-email{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.bc-prev-email-hdr{background:var(--color-surface-2);font-size:var(--fs-xs);color:var(--slate-600);border-bottom:1px solid var(--color-border);flex-direction:column;gap:3px;padding:10px 14px;display:flex}.bc-channels{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.bc-ch{border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;transition:var(--transition-colors);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.bc-ch input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.bc-ch-info{align-items:flex-start;gap:10px;display:flex}.bc-ch-ico{font-size:var(--fs-2xl);line-height:1}.bc-ch-name{font-size:var(--fs-base);color:var(--slate-800);font-weight:600}.bc-ch-note{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.bc-ch-on{border-color:var(--blue-500);background:var(--blue-50)}.bc-ch-off{opacity:.5;cursor:not-allowed}.bc-warn{background:var(--amber-50);border:1px solid var(--amber-400);color:var(--amber-800);border-radius:var(--radius-md);font-size:var(--fs-xs);margin-bottom:14px;padding:10px 14px;line-height:1.5}.bc-send-btn{background:linear-gradient(135deg, var(--blue-800), var(--blue-700));color:#fff;border-radius:var(--radius-lg);width:100%;font-size:var(--fs-base);cursor:pointer;transition:var(--transition-colors), transform .2s var(--ease);letter-spacing:.01em;border:none;padding:13px;font-weight:700}.bc-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #1d4ed859}.bc-send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.bc-spin{margin-right:6px;animation:1s linear infinite spin;display:inline-block}.bc-result-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);margin-top:24px;padding:22px}.bc-result-hd{font-size:var(--fs-md);color:var(--slate-800);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.bc-result-total{font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:auto;font-weight:500}.bc-dry-badge{background:var(--amber-100);color:var(--amber-800);border:1px solid var(--amber-400);border-radius:var(--radius-full);font-size:var(--fs-2xs);padding:2px 10px;font-weight:700}.bc-result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.bc-result-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;padding:18px 16px}.bc-result-icon{margin-bottom:6px;font-size:28px}.bc-result-label{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:8px;font-weight:600}.bc-result-big{color:var(--slate-800);font-size:32px;font-weight:800;line-height:1}.bc-result-big span{font-size:var(--fs-sm);color:var(--color-text-muted);margin-left:4px;font-weight:500}.bc-result-bar{background:var(--slate-200);border-radius:var(--radius-full);height:4px;margin:10px 0 8px}.bc-result-fill{background:var(--green-500);border-radius:var(--radius-full);height:100%;transition:width .6s}.bc-result-meta{font-size:var(--fs-xs);color:var(--color-text-subtle);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bc-result-fail{color:var(--red-500);font-weight:600}.bc-result-miss{color:var(--color-text-subtle)}.bc-confirm-tbl{flex-direction:column;gap:10px;display:flex}.bc-confirm-row{font-size:var(--fs-base);border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.bc-confirm-row span:first-child{color:var(--color-text-subtle);font-size:var(--fs-xs);white-space:nowrap;margin-top:2px}@media (width<=820px){.bc-grid{grid-template-columns:1fr}}@media (width<=600px){.bc-page{padding:16px 12px 40px}.bc-tpl-wrap{flex-direction:column;align-items:flex-start}.bc-result-grid{grid-template-columns:1fr 1fr}}.cd-modal{background:var(--slate-100);border-radius:var(--radius-2xl);overscroll-behavior:contain;width:min(680px,100%);max-height:92dvh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow-y:auto}.cd-head{z-index:var(--z-sticky);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-shrink:0;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex;position:sticky;top:0}.cd-head-close{color:#fff;width:30px;height:30px;font-size:var(--fs-base);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background .15s;display:flex;position:absolute;top:14px;right:16px}.cd-head-close:hover{background:#ffffff4d}.cd-avatar{border-radius:var(--radius-xl);color:#fff;width:56px;height:56px;font-size:var(--fs-2xl);letter-spacing:-.5px;background:#ffffff40;border:2px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.cd-head-info{flex:1;min-width:0;padding-top:2px}.cd-head-name{color:#fff;font-size:var(--fs-2xl);word-break:break-word;margin-bottom:8px;font-weight:800;line-height:1.2}.cd-head-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-status-pill{font-size:var(--fs-2xs);border-radius:var(--radius-full);color:#fff;letter-spacing:.3px;text-transform:uppercase;border:1.5px solid #fff6;padding:3px 10px;font-weight:700}.cd-head-user{font-size:var(--fs-sm);color:#ffffffbf;font-family:monospace}.cd-head-plan{font-size:var(--fs-xs);color:#ffffffb3;border-radius:var(--radius-sm);background:#ffffff26;padding:2px 8px}.cd-body{flex-direction:column;gap:12px;padding:16px;display:flex}.cd-loading{color:var(--color-text-muted);font-size:var(--fs-base);text-align:center;margin:0;padding:24px 0}.cd-alert{border-radius:var(--radius-lg);font-size:var(--fs-sm);padding:11px 14px;font-weight:500;line-height:1.4}.cd-alert-err{background:var(--red-50);border:1.5px solid var(--red-200);color:var(--red-800)}.cd-alert-ok{background:var(--green-50);border:1.5px solid var(--green-300);color:var(--green-700)}.cd-action-bar{flex-wrap:wrap;gap:8px;padding:4px 0 2px;display:flex}.cd-btn{border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;min-height:34px;padding:7px 14px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .15s,filter .15s;display:inline-flex}.cd-btn:disabled{opacity:.45;cursor:not-allowed}.cd-btn:not(:disabled):hover{filter:brightness(1.1)}.cd-btn-secondary{background:var(--slate-200);color:var(--color-text-2)}.cd-btn-success{background:var(--green-600);color:#fff}.cd-btn-warn{background:var(--amber-600);color:#fff}.cd-btn-danger{background:var(--red-600);color:#fff}.cd-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:16px}.cd-card-title{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.cd-online-strip{border-radius:var(--radius-md);font-size:var(--fs-sm);align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;display:flex}.cd-online-strip-on{background:var(--green-100);color:var(--green-800)}.cd-online-strip-off{background:var(--slate-100);color:var(--color-text-muted)}.cd-online-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cd-online-strip-on .cd-online-dot{background:var(--green-600);box-shadow:0 0 0 2px var(--green-300)}.cd-online-strip-off .cd-online-dot{background:var(--slate-400)}.cd-online-uptime{color:inherit;opacity:.75;font-size:var(--fs-xs)}.cd-online-label{color:var(--green-600);font-weight:600}.cd-kv-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.cd-kv-row{border-bottom:1px solid var(--slate-100);flex-direction:column;gap:2px;padding:8px 0;display:flex}.cd-kv-row:last-child{border-bottom:none}.cd-kv-row-full{grid-column:1/-1}.cd-kv-label{font-size:var(--fs-3xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.cd-kv-val{font-size:var(--fs-base);color:var(--color-text);word-break:break-all;font-weight:600}.cd-kv-sub{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:400}.cd-mono{font-family:var(--font-mono)}.cd-mono-sm{font-family:var(--font-mono);font-size:var(--fs-xs)}.cd-cred-box{background:var(--slate-900);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cd-cred-row{flex-direction:column;gap:3px;display:flex}.cd-cred-label{font-size:var(--fs-3xs);color:var(--color-text-muted);letter-spacing:.8px;text-transform:uppercase;font-weight:700}.cd-cred-val{font-size:var(--fs-lg);color:var(--slate-200);font-weight:700;font-family:var(--font-mono);word-break:break-all;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cd-cred-toggle{background:var(--slate-800);border:1px solid var(--slate-700);color:var(--color-text-subtle);font-size:var(--fs-2xs);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:2px 10px;font-family:inherit;font-weight:600}.cd-cred-toggle:hover{background:var(--slate-700);color:var(--slate-200)}.cd-portal-status{margin-bottom:2px}.cd-portal-badge{font-size:var(--fs-sm);border-radius:var(--radius-md);padding:4px 10px;font-weight:600;display:inline-block}.cd-portal-set{background:var(--green-50);color:var(--green-800)}.cd-portal-unset{background:var(--color-surface-2);color:var(--color-text-muted)}.cd-pw-input{flex:1;min-width:min(180px,100%)}.cd-action-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.cd-confirm-label{font-size:var(--fs-xs);color:var(--red-600);font-weight:600}.cd-inv-unpaid-badge{font-size:var(--fs-2xs);background:var(--amber-100);color:var(--amber-800);border-radius:var(--radius-full);margin-left:8px;padding:2px 10px;font-weight:700}.cd-inv-badge{font-size:var(--fs-2xs);border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-weight:700;display:inline-block}.cd-inv-unpaid{background:var(--amber-100);color:var(--amber-800)}.cd-inv-paid{background:var(--green-100);color:var(--green-800)}.cd-inv-canceled{background:var(--slate-100);color:var(--slate-600)}.cd-tbl{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.cd-tbl th{text-align:left;font-size:var(--fs-2xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--color-border);padding:6px 8px 8px;font-weight:700}.cd-tbl td{border-bottom:1px solid var(--slate-100);vertical-align:middle;color:var(--color-text);padding:9px 8px}.cd-tbl tr:last-child td{border-bottom:none}.cd-tbl tr:hover td{background:var(--color-surface-2)}.cd-tbl-amt{font-weight:700}.cd-tbl .cd-tbl-muted,.cd-tbl-muted{color:var(--color-text-muted);font-size:var(--fs-xs)}.cd-tbl-empty{text-align:center;color:var(--color-text-subtle);font-size:var(--fs-sm);padding:20px}.cd-topbar{display:none}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:64px 0 0}.modal,.cd-modal,.cf-modal,.nd-modal{width:100%;max-width:100%;max-height:calc(100dvh - 64px);animation:wr-sheet .22s var(--ease);border-radius:20px 20px 0 0}.modal{padding-bottom:max(16px, env(safe-area-inset-bottom))}.cf-footer{padding-bottom:max(14px, env(safe-area-inset-bottom))}.cd-topbar{background:var(--color-surface-2);border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 6px;display:flex;position:relative}.cd-topbar-back{min-height:36px;font-size:var(--fs-base);color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-weight:600;display:flex}.cd-topbar-pill{background:var(--slate-300);border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cd-head{border-radius:0;gap:12px;padding:16px 16px 14px;position:static}.cd-head-close{display:none}.cd-avatar{width:44px;height:44px;font-size:var(--fs-lg);border-radius:var(--radius-lg)}.cd-head-name{font-size:var(--fs-lg)}.cd-body{gap:10px;padding:12px}.cd-kv-grid{grid-template-columns:1fr}.cd-kv-row-full{grid-column:1}.cd-btn{font-size:var(--fs-xs);padding:8px 12px}.cd-action-bar{gap:6px}.cd-cred-val{font-size:var(--fs-base)}.cd-card{overflow-x:auto}}.tm-page{flex-direction:column;gap:16px;display:flex}.tm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tm-header-left{flex-direction:column;gap:4px;display:flex}.tm-title{font-size:var(--fs-2xl);color:var(--color-text);align-items:center;gap:8px;font-weight:700;display:flex}.tm-subtitle{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.tm-badge-count{background:var(--blue-100);color:var(--blue-700);font-size:var(--fs-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.tm-btn-add{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);min-height:var(--control-h);font-size:var(--fs-base);cursor:pointer;transition:var(--transition-colors);border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex}.tm-btn-add:hover:not(:disabled){background:var(--color-primary-hover)}.tm-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);overflow-x:auto}.tm-table{border-collapse:collapse;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.tm-table thead{background:var(--color-surface-2)}.tm-table th{text-align:left;font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-weight:600}.tm-table td{border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:12px 14px}.tm-table tbody tr:last-child td{border-bottom:none}.tm-table tbody tr:hover td{background:var(--color-surface-2)}.tm-tier-code{font-size:var(--fs-xs);background:var(--slate-100);border-radius:var(--radius-sm);color:var(--color-text-2);padding:2px 8px;font-family:monospace}.tm-tier-name{color:var(--color-text);font-weight:600;font-size:var(--fs-base)}.tm-tier-tag{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.tm-badge-active{border-radius:var(--radius-full);font-size:var(--fs-xs);background:var(--green-100);color:var(--green-700);padding:2px 10px;font-weight:500;display:inline-block}.tm-badge-inactive{border-radius:var(--radius-full);font-size:var(--fs-xs);background:var(--slate-100);color:var(--color-text-muted);padding:2px 10px;font-weight:500;display:inline-block}.tm-badge-featured{font-size:var(--fs-2xs);background:var(--amber-100);color:var(--amber-700);border-radius:var(--radius-xs);margin-left:4px;padding:1px 6px;font-weight:600;display:inline-block}.tm-price{color:var(--color-text);font-weight:700;font-size:var(--fs-base)}.tm-limit{color:var(--color-text-2);font-size:var(--fs-sm)}.tm-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tm-btn-edit{background:var(--blue-50);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;border:none;padding:5px 10px;font-weight:500}.tm-btn-edit:hover{background:var(--blue-100)}.tm-btn-del{background:var(--red-50);color:var(--red-600);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;border:none;padding:5px 10px;font-weight:500}.tm-btn-del:hover{background:var(--red-100)}.tm-btn-confirm{background:var(--red-600);color:#fff;border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;border:none;padding:5px 10px;font-weight:600}.tm-btn-cancel-sm{background:var(--slate-100);color:var(--slate-600);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;border:none;padding:5px 10px}.tm-btn-edit,.tm-btn-del,.tm-btn-confirm,.tm-btn-cancel-sm{min-height:var(--control-h-sm);transition:var(--transition-colors)}.tm-btn-confirm:hover:not(:disabled){background:var(--red-700)}.tm-btn-cancel-sm:hover:not(:disabled){background:var(--slate-200)}.tm-cards{flex-direction:column;gap:10px;display:none}.tm-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.tm-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tm-card-name{color:var(--color-text);font-weight:600;font-size:var(--fs-md)}.tm-card-tagline{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.tm-card-price{font-size:var(--fs-lg);color:var(--color-text);flex-shrink:0;font-weight:700}.tm-card-limits{flex-wrap:wrap;gap:8px;display:flex}.tm-card-limit-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--slate-600);padding:3px 8px}.tm-card-actions{border-top:1px solid var(--slate-100);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:8px;display:flex}@media (width<=768px){.tm-table-wrap{display:none}.tm-cards{display:flex}}.nd-modal{background:var(--color-surface);border-radius:var(--radius-2xl);overscroll-behavior:contain;width:560px;max-width:100%;max-height:90dvh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow-y:auto}.nd-head{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:var(--z-sticky);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex;position:sticky;top:0}.nd-head-title{font-size:var(--fs-xl);color:var(--color-text);font-weight:700}.nd-head-close{background:var(--slate-100);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--fs-lg);cursor:pointer;color:var(--color-text-muted);border:none;justify-content:center;align-items:center;line-height:1;display:flex}.nd-head-close:hover{background:var(--slate-200)}.nd-cfg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.nd-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.nd-section{font-size:var(--fs-2xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--slate-100);padding-bottom:6px;font-weight:700}.nd-kv{font-size:var(--fs-sm);grid-template-columns:130px 1fr;gap:7px 12px;display:grid}.nd-kv-lbl{color:var(--color-text-muted);align-self:center}.nd-kv-val{color:var(--color-text);word-break:break-all;flex-wrap:wrap;align-items:center;gap:6px;font-weight:500;display:flex}.nd-kv-val code{background:var(--slate-100);border-radius:var(--radius-xs);font-family:monospace;font-size:var(--fs-xs);color:var(--color-text-2);padding:2px 8px}.nd-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.nd-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 12px}.nd-stat-lbl{font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.nd-stat-val{font-size:var(--fs-3xl);color:var(--color-text);margin-top:4px;font-weight:700}.nd-stat-sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:6px}.nd-stat-online .nd-stat-val{color:var(--green-600)}.nd-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nd-btn{background:var(--blue-50);color:var(--color-primary);border-radius:var(--radius-md);min-height:34px;font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-colors);border:none;padding:7px 14px;font-weight:500}.nd-btn:disabled{opacity:.55}.nd-btn:hover{background:var(--blue-100)}.nd-btn-danger{background:var(--red-50);color:var(--red-600)}.nd-btn-danger:hover{background:var(--red-100)}.nd-btn-confirm{background:var(--red-600);color:#fff}.nd-btn-confirm:hover{background:var(--red-700)}.nd-reveal-btn{background:var(--slate-100);border-radius:var(--radius-xs);font-size:var(--fs-2xs);cursor:pointer;color:var(--slate-600);border:none;padding:2px 8px}.nd-copy-btn{background:var(--blue-50);border-radius:var(--radius-xs);font-size:var(--fs-2xs);cursor:pointer;color:var(--color-primary);border:none;padding:2px 8px;font-weight:500}.nd-confirm-inline{font-size:var(--fs-sm);color:var(--color-text-muted);align-items:center;gap:6px;display:inline-flex}.nd-muted{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0}@media (width<=600px){.nd-modal{border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 64px)}.nd-head{border-radius:20px 20px 0 0}.nd-stats{grid-template-columns:1fr 1fr}.nd-kv{font-size:var(--fs-xs);grid-template-columns:90px 1fr}}.sa-mobile-cards{flex-direction:column;gap:10px;display:none}.sa-mc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.sa-mc-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sa-mc-name{color:var(--color-text);font-weight:600;font-size:var(--fs-base)}.sa-mc-sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:1px}.sa-mc-row{font-size:var(--fs-sm);color:var(--color-text-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sa-mc-label{color:var(--color-text-subtle);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sa-mc-actions{border-top:1px solid var(--slate-100);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;padding-top:8px;display:flex}.sa-mc-expand{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:8px 12px;display:flex}.sa-mc-kv{font-size:var(--fs-xs);grid-template-columns:90px 1fr;gap:4px 8px;display:grid}.sa-mc-kv-lbl{color:var(--color-text-subtle)}.sa-mc-kv-val{color:var(--color-text-2);font-weight:500}@media (width<=768px){.tbl-scroll.sa-tbl{display:none}.sa-mobile-cards{display:flex}}.lap-root{flex-direction:column;height:100%;display:flex;overflow:hidden}.lap-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:16px 20px 0}.lap-title{font-size:var(--fs-xl);color:var(--slate-800);margin:0 0 12px;font-weight:700}.lap-tabs{gap:4px;display:flex;overflow-x:auto}.lap-tab{font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:8px 14px;font-weight:500;transition:color .15s;display:flex}.lap-tab:hover{color:var(--color-text-2)}.lap-tab.lap-tab-active{color:var(--color-primary);border-bottom-color:var(--blue-600)}.lap-tab-icon{font-size:var(--fs-base)}.lap-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.lap-toolbar{border-bottom:1px solid var(--slate-100);background:var(--color-surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.lap-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lap-filter-lbl{font-size:var(--fs-xs);color:var(--color-text-muted)}.lap-day-btn{background:var(--slate-200);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--slate-600);cursor:pointer;border:1px solid #0000;padding:4px 10px;font-weight:500}.lap-day-btn.active{background:var(--color-primary);color:#fff;border-color:var(--blue-600)}.lap-actions{gap:8px;display:flex}.lap-btn{min-height:var(--control-h-sm);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;transition:var(--transition-colors);border:1px solid;padding:6px 14px;font-weight:600}.lap-btn:hover:not(:disabled){filter:brightness(1.08)}.lap-btn:disabled{opacity:.4;cursor:not-allowed}.lap-btn-excel{background:var(--green-600);color:#fff;border-color:var(--green-700)}.lap-btn-pdf{color:#fff;background:#e11d48;border-color:#be123c}.lap-table-wrap{flex:1;padding:0;overflow:auto}.lap-count{font-size:var(--fs-xs);color:var(--color-text-muted);padding:10px 20px 6px}.lap-loading{text-align:center;color:var(--color-text-subtle);font-size:var(--fs-base);padding:40px}.lap-err{color:var(--red-600);font-size:var(--fs-sm);padding:16px 20px}.lap-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.lap-table thead th{background:var(--blue-800);color:#fff;text-align:left;font-size:var(--fs-2xs);white-space:nowrap;z-index:1;padding:8px 12px;font-weight:600;position:sticky;top:0}.lap-table tbody td{border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:7px 12px}.lap-table tbody tr:hover td{background:var(--color-surface-2)}.lap-table tbody tr.lap-row-red td{background:var(--red-50)}.lap-table tbody tr.lap-row-amber td{background:var(--amber-50)}.lap-table tbody tr.lap-total-row td{background:var(--blue-50);border-top:2px solid var(--blue-200)}.lap-table .lap-empty{text-align:center;color:var(--color-text-subtle);padding:24px}.lap-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.lap-uname{color:var(--slate-800);font-weight:600}.lap-fname{font-size:var(--fs-2xs);color:var(--color-text-subtle);margin-top:1px}.lap-date{font-variant-numeric:tabular-nums}.lap-sisa{border-radius:var(--radius-xs);font-size:var(--fs-2xs);padding:2px 6px;font-weight:700;display:inline-block}.lap-sisa-red{background:var(--red-100);color:var(--red-800)}.lap-sisa-amber{background:var(--amber-100);color:var(--amber-800)}.lap-sisa-ok{background:var(--green-100);color:var(--green-800)}.lap-unpaid{color:var(--amber-500);font-size:var(--fs-2xs);font-weight:600}.lap-badge{border-radius:var(--radius-full);font-size:var(--fs-3xs);text-transform:uppercase;padding:2px 7px;font-weight:700;display:inline-block}.lap-badge-active{background:var(--green-100);color:var(--green-800)}.lap-badge-isolir,.lap-badge-suspended{background:var(--red-100);color:var(--red-800)}.lap-badge-inactive{background:var(--slate-100);color:var(--color-text-muted)}