.method-tabs[data-v-b4deb771]{display:flex;gap:8px;margin-bottom:18px;background:#ffffff0d;border-radius:10px;padding:4px}.method-tab[data-v-b4deb771]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#fff9;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.method-tab.active[data-v-b4deb771]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea66}.feature-badge[data-v-b4deb771]{display:inline-flex;align-items:center;gap:4px}.lock-icon[data-v-b4deb771]{display:flex;align-items:center;justify-content:center;margin-bottom:8px;opacity:.9}.footer-item[data-v-b4deb771]{display:inline-flex;align-items:center;gap:4px}.kpi-card[data-v-24fddada]{position:relative;overflow:hidden}.kpi-icon[data-v-24fddada]{position:absolute;top:12px;right:14px;font-size:26px;opacity:.35}.kpi-date[data-v-24fddada]{font-size:15px!important}.kpi-speed[data-v-24fddada]{font-size:12px;color:var(--text-muted)}.kpi-ok[data-v-24fddada]{color:var(--success)!important}.kpi-warn[data-v-24fddada]{color:var(--warning)!important}.kpi-danger[data-v-24fddada]{color:var(--danger)!important}.two-col[data-v-24fddada]{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.two-col[data-v-24fddada]{grid-template-columns:1fr}}.usage-live[data-v-24fddada]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.usage-stat[data-v-24fddada]{display:flex;align-items:center;gap:10px;background:var(--bg-card-2);border-radius:8px;padding:10px}.usage-icon[data-v-24fddada]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.usage-icon.dl[data-v-24fddada]{background:#00c85326;color:var(--success)}.usage-icon.ul[data-v-24fddada]{background:#29b6f626;color:var(--info)}.usage-val[data-v-24fddada]{font-size:14px;font-weight:700;color:var(--text)}.usage-lbl[data-v-24fddada]{font-size:10px;color:var(--text-muted);margin-top:2px}.no-session-state[data-v-24fddada]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;text-align:center}.notice-item[data-v-24fddada]{padding:10px 0;border-bottom:1px solid var(--border)}.notice-item[data-v-24fddada]:last-child{border-bottom:none}.notice-top[data-v-24fddada]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notice-title[data-v-24fddada]{font-size:13px;font-weight:600;color:var(--text);flex:1}.notice-body[data-v-24fddada]{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:6px}.notice-meta[data-v-24fddada]{display:flex;align-items:center;gap:8px}.payment-methods-grid[data-v-24fddada]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-method-btn[data-v-24fddada]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,opacity .15s}.pay-method-btn[data-v-24fddada]:hover{transform:translateY(-2px);opacity:.85}.pay-icon[data-v-24fddada]{font-size:20px}.pay-label[data-v-24fddada]{font-size:10px;font-weight:600}.billing-grid[data-v-24fddada]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}@media(max-width:600px){.billing-grid[data-v-24fddada]{grid-template-columns:repeat(2,1fr)}}.billing-stat[data-v-24fddada]{background:var(--bg-card-2);border-radius:8px;padding:10px 12px}.billing-label[data-v-24fddada]{font-size:10px;color:var(--text-muted);margin-bottom:4px}.billing-val[data-v-24fddada]{font-size:14px;font-weight:700;color:var(--text)}.usage-summary-grid[data-v-24fddada]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usage-box[data-v-24fddada]{border-radius:10px;padding:12px;text-align:center}.dl-box[data-v-24fddada]{background:#00c85314;border:1px solid rgba(0,200,83,.2)}.ul-box[data-v-24fddada]{background:#29b6f614;border:1px solid rgba(41,182,246,.2)}.total-box[data-v-24fddada]{background:#9c27b014;border:1px solid rgba(156,39,176,.2)}.avg-box[data-v-24fddada]{background:#ff980014;border:1px solid rgba(255,152,0,.2)}.ub-icon[data-v-24fddada]{font-size:18px;margin-bottom:4px}.ub-val[data-v-24fddada]{font-size:16px;font-weight:700;color:var(--text)}.ub-lbl[data-v-24fddada]{font-size:10px;color:var(--text-muted);margin-top:2px}.bar-chart[data-v-24fddada]{display:flex;align-items:flex-end;gap:6px;height:100px;padding-top:8px}.bar-col[data-v-24fddada]{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-wrap[data-v-24fddada]{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 2px}.bar-fill[data-v-24fddada]{width:100%;min-height:4px;background:linear-gradient(180deg,var(--primary-light),var(--primary-dark));border-radius:4px 4px 0 0;transition:height .4s ease}.bar-label[data-v-24fddada]{font-size:9px;color:var(--text-muted);margin-top:4px;text-align:center;white-space:nowrap}.bar-val[data-v-24fddada]{font-size:9px;color:var(--text-muted);text-align:center}.mb-1[data-v-24fddada]{margin-bottom:8px}.mb-2[data-v-24fddada]{margin-bottom:12px}.mb-3[data-v-24fddada]{margin-bottom:16px}.mt-3[data-v-24fddada]{margin-top:12px}.status-dot[data-v-24fddada]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online[data-v-24fddada]{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline[data-v-24fddada]{background:var(--text-muted)}.packages-grid[data-v-ef7c2413]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:4px 0 24px}.package-card[data-v-ef7c2413]{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 14px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:transform .15s,box-shadow .15s}.package-card[data-v-ef7c2413]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.card-pppoe[data-v-ef7c2413]{border-color:#667eea66;background:linear-gradient(135deg,#667eea1f,#764ba214)}.card-hotspot[data-v-ef7c2413]{border-color:#22c55e59;background:linear-gradient(135deg,#22c55e1a,#10b9810f)}.pkg-icon[data-v-ef7c2413]{font-size:28px;line-height:1;margin-bottom:2px}.pkg-name[data-v-ef7c2413]{font-size:15px;font-weight:700;color:#fff;line-height:1.3}.pkg-sub[data-v-ef7c2413]{font-size:11px;color:#ffffff80;margin-top:-2px}.pkg-price[data-v-ef7c2413]{font-size:18px;font-weight:800;color:#a78bfa;margin-top:4px}.card-hotspot .pkg-price[data-v-ef7c2413]{color:#34d399}.pkg-duration[data-v-ef7c2413]{font-size:12px;color:#ffffff8c}.pkg-btn[data-v-ef7c2413]{margin-top:10px;font-size:13px;padding:10px 12px;min-height:40px}.pending-banner[data-v-ef7c2413]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ff9f431f;border:1px solid rgba(255,159,67,.4);border-radius:12px;padding:12px 14px;margin-bottom:16px}.pending-title[data-v-ef7c2413]{font-size:13px;font-weight:700;color:#ffb84d}.pending-sub[data-v-ef7c2413]{font-size:12px;color:#fff9}.pending-actions[data-v-ef7c2413]{display:flex;align-items:center;gap:8px}.btn-dismiss[data-v-ef7c2413]{background:none;border:none;color:#ffffff73;font-size:14px;cursor:pointer;padding:6px}.sheet-overlay[data-v-ef7c2413]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.sheet[data-v-ef7c2413]{background:#1e1e30;border:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;padding:12px 18px 22px;width:100%;max-width:420px;max-height:86vh;overflow-y:auto}@media(min-width:640px){.sheet-overlay[data-v-ef7c2413]{align-items:center}.sheet[data-v-ef7c2413]{border-radius:18px}}.sheet-handle[data-v-ef7c2413]{width:40px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 14px}.sheet-summary[data-v-ef7c2413]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff0f;border-radius:12px;padding:12px 14px;margin-bottom:14px}.sheet-pkg-name[data-v-ef7c2413]{font-size:15px;font-weight:700;color:#fff}.sheet-pkg-sub[data-v-ef7c2413]{font-size:12px;color:#ffffff8c}.sheet-pkg-price[data-v-ef7c2413]{font-size:22px;font-weight:800;color:#a78bfa}.sheet-label[data-v-ef7c2413]{font-size:12px;color:#ffffff8c;margin:0 0 8px 2px}.method-row[data-v-ef7c2413]{display:flex;align-items:center;gap:12px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 12px;margin-bottom:8px;cursor:pointer;text-align:left;color:inherit;min-height:56px}.method-row.selected[data-v-ef7c2413]{border-color:#7367f0;background:#7367f01f}.method-row[data-v-ef7c2413]:disabled{opacity:.6;cursor:not-allowed}.method-mono[data-v-ef7c2413]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;color:#fff}.gw-bkash[data-v-ef7c2413]{background:#e2136e}.gw-nagad[data-v-ef7c2413]{background:#ee6123}.gw-ssl[data-v-ef7c2413]{background:#0f6e56}.gw-manual[data-v-ef7c2413]{background:#ffffff29}.method-text[data-v-ef7c2413]{display:flex;flex-direction:column;flex:1;min-width:0}.method-name[data-v-ef7c2413]{font-size:14px;font-weight:600;color:#fff}.method-sub[data-v-ef7c2413]{font-size:11px;color:#ffffff80}.method-radio[data-v-ef7c2413]{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);flex-shrink:0}.method-radio.on[data-v-ef7c2413]{border-color:#7367f0;background:radial-gradient(circle,#7367f0 45%,transparent 50%)}.sheet-error[data-v-ef7c2413]{font-size:12px;color:#ff7063;background:#f443361f;border-radius:8px;padding:8px 10px;margin:4px 0}.sheet-cta[data-v-ef7c2413]{margin-top:10px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px}.cta-spinner[data-v-ef7c2413]{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-ef7c2413 .8s linear infinite;display:inline-block}@keyframes spin-ef7c2413{to{transform:rotate(360deg)}}.sheet-secure[data-v-ef7c2413]{font-size:11px;color:#fff6;text-align:center;margin-top:10px}.tab-bar[data-v-a2dda743]{display:flex;gap:8px}.tab-btn[data-v-a2dda743]{flex:1;padding:10px 16px;border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;background:var(--card-bg, #fff);color:var(--text-muted, #888);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.tab-btn.active[data-v-a2dda743]{border-color:var(--primary, #7367f0);background:var(--primary, #7367f0);color:#fff}.btn-pdf[data-v-a2dda743]{padding:4px 10px;border:1.5px solid var(--primary, #7367f0);border-radius:6px;background:transparent;color:var(--primary, #7367f0);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-pdf[data-v-a2dda743]:hover{background:var(--primary, #7367f0);color:#fff}.badge-info[data-v-a2dda743]{background:#00cfe81f;color:#00cfe8}.badge-muted[data-v-a2dda743]{background:#82868b1f;color:#82868b}.method-tabs[data-v-97363242]{display:flex;flex-wrap:wrap;gap:6px}.method-tabs .tab-btn[data-v-97363242]{flex:1 1 auto;min-width:70px;font-size:13px}.ticket-row[data-v-d2cc37ab]{padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;border-radius:6px;transition:background .15s;margin:0 -6px;outline:none}.ticket-row[data-v-d2cc37ab]:last-child{border-bottom:none}.ticket-row[data-v-d2cc37ab]:hover,.ticket-row[data-v-d2cc37ab]:focus{background:#ffffff0a}.ticket-row-top[data-v-d2cc37ab]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.ticket-subject[data-v-d2cc37ab]{font-weight:600;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row-meta[data-v-d2cc37ab]{display:flex;align-items:center;gap:8px}.ticket-date[data-v-d2cc37ab]{font-size:11px;color:var(--text-muted);flex:1}.ticket-caret[data-v-d2cc37ab]{color:var(--text-muted);font-size:20px;line-height:1}.thread-header[data-v-d2cc37ab]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.thread-header-info[data-v-d2cc37ab]{flex:1;min-width:0}.thread-header-meta[data-v-d2cc37ab]{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.ticket-num[data-v-d2cc37ab]{font-size:11px;color:var(--text-muted);font-family:monospace}.btn-back[data-v-d2cc37ab]{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;flex-shrink:0;margin-top:2px}.btn-back[data-v-d2cc37ab]:hover{background:#ffffff21}.thread-body[data-v-d2cc37ab]{display:flex;flex-direction:column;gap:14px;padding:4px 0 16px}.bubble-wrap[data-v-d2cc37ab]{display:flex;flex-direction:column;max-width:86%}.bw-left[data-v-d2cc37ab]{align-self:flex-start;align-items:flex-start}.bw-right[data-v-d2cc37ab]{align-self:flex-end;align-items:flex-end}.bubble-meta[data-v-d2cc37ab]{font-size:10px;color:var(--text-muted);margin-bottom:4px;padding:0 4px}.bubble[data-v-d2cc37ab]{padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble-support[data-v-d2cc37ab]{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}.bubble-me[data-v-d2cc37ab]{background:#7367f038;border:1px solid rgba(115,103,240,.38);border-bottom-right-radius:4px}.reply-card[data-v-d2cc37ab]{padding:14px}.reply-input[data-v-d2cc37ab]{padding-left:14px;min-height:88px;resize:vertical;width:100%;box-sizing:border-box}.closed-notice[data-v-d2cc37ab]{margin-top:16px;padding:14px 18px;background:#f4433614;border:1px solid rgba(244,67,54,.25);border-radius:10px;font-size:13px;color:#ffffffb3;text-align:center}.link-btn[data-v-d2cc37ab]{background:none;border:none;color:#7367f0;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.mb-3[data-v-d2cc37ab]{margin-bottom:16px}.avatar-wrap[data-v-a123430e]{position:relative;width:120px;height:120px;border-radius:50%;margin:0 auto;cursor:pointer;overflow:hidden;border:3px solid var(--primary);box-shadow:0 0 0 4px #1a6fd433}.avatar-img[data-v-a123430e]{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials[data-v-a123430e]{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#fff;border-radius:50%}.avatar-overlay[data-v-a123430e]{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:0;transition:opacity .2s;border-radius:50%}.avatar-wrap:hover .avatar-overlay[data-v-a123430e]{opacity:1}.form-field[data-v-a123430e]{margin-bottom:16px}.field-label[data-v-a123430e]{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.field-input[data-v-a123430e]{width:100%;padding:10px 14px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.field-input[data-v-a123430e]:focus{border-color:var(--primary-light)}.field-readonly[data-v-a123430e]{opacity:.55;cursor:not-allowed}.field-error[data-v-a123430e]{color:var(--danger);font-size:12px;margin-top:8px}.field-ok[data-v-a123430e]{color:var(--success);font-size:12px;margin-top:8px}.mac-method-grid[data-v-a123430e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mac-method-btn[data-v-a123430e]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text);transition:border-color .2s,background .2s}.mac-method-btn[data-v-a123430e]:hover:not(:disabled){border-color:var(--primary-light);background:#1a6fd414}.mac-method-btn[data-v-a123430e]:disabled{opacity:.45;cursor:not-allowed}.mac-icon[data-v-a123430e]{font-size:28px}.mac-label[data-v-a123430e]{font-size:13px;font-weight:600}.mac-badge[data-v-a123430e]{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700}.mac-badge.free[data-v-a123430e]{background:#00c85326;color:var(--success)}.mac-badge.paid[data-v-a123430e]{background:#ff980026;color:var(--warning)}.mac-success[data-v-a123430e]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 8px}.mb-2[data-v-a123430e]{margin-bottom:12px}.mb-3[data-v-a123430e]{margin-bottom:16px}.mt-3[data-v-a123430e]{margin-top:12px}.callback-wrap[data-v-f05441ae]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:32px 24px;gap:8px;max-width:340px;margin:0 auto}.callback-icon[data-v-f05441ae]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:8px}.icon-success[data-v-f05441ae]{background:#00c85326;color:#4cfc8a;border:2px solid rgba(0,200,83,.4)}.icon-fail[data-v-f05441ae]{background:#f4433626;color:#ff7063;border:2px solid rgba(244,67,54,.4)}.icon-cancel[data-v-f05441ae]{background:#ff980026;color:#ffb84d;border:2px solid rgba(255,152,0,.4);font-size:36px}.callback-title[data-v-f05441ae]{font-size:20px;font-weight:700;color:#fff}.callback-sub[data-v-f05441ae]{font-size:13px;color:#fff9;max-width:300px}.tran-badge[data-v-f05441ae]{font-size:11px;padding:4px 10px;border-radius:20px;background:#ffffff12;color:#ffffff80;font-family:monospace;word-break:break-all}.spinner[data-v-f05441ae]{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:#7367f0;border-radius:50%;animation:spin-f05441ae .8s linear infinite}@keyframes spin-f05441ae{to{transform:rotate(360deg)}}.mt-2[data-v-f05441ae]{margin-top:8px}.mt-3[data-v-f05441ae]{margin-top:16px}.mb-3[data-v-f05441ae]{margin-bottom:16px}.notif-count[data-v-1c899262]{font-size:12px;color:var(--text-muted);margin-bottom:10px}.notif-list[data-v-1c899262]{padding:4px 0}.notif-item[data-v-1c899262]{display:flex;gap:12px;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;transition:background .15s}.notif-item[data-v-1c899262]:last-child{border-bottom:none}.sev-info[data-v-1c899262]{border-left-color:#60a5fa}.sev-success[data-v-1c899262]{border-left-color:#4ade80}.sev-warning[data-v-1c899262]{border-left-color:#fbbf24}.sev-danger[data-v-1c899262]{border-left-color:#f87171}.notif-icon[data-v-1c899262]{font-size:18px;flex-shrink:0;margin-top:1px}.notif-body[data-v-1c899262]{flex:1;min-width:0}.notif-title[data-v-1c899262]{font-weight:600;font-size:13px;margin-bottom:4px}.notif-text[data-v-1c899262]{font-size:12px;color:#ffffffb3;line-height:1.5;margin-bottom:4px}.notif-time[data-v-1c899262]{font-size:10px;color:var(--text-muted)}:root{--primary: #1a6fd4;--primary-dark: #0d47a1;--primary-light:#3d8ef0;--bg: #0f1923;--bg-card: #1a2535;--bg-card-2: #1e2d42;--text: #e8edf3;--text-muted: #8899aa;--border: #2a3f5a;--success: #00c853;--warning: #ff9800;--danger: #f44336;--info: #29b6f6;--purple: #9c27b0;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 20px rgba(0,0,0,.3);--sidebar-w: 240px;--header-h: 56px;--bottom-nav-h: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none}img{max-width:100%}.portal-wrap{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo-text{font-size:16px;font-weight:700;color:var(--text);line-height:1.2}.sidebar-logo-sub{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:12px 0}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:11px 18px;color:var(--text-muted);font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:all .18s;text-decoration:none}.sidebar-nav a:hover{color:var(--text);background:#ffffff0a}.sidebar-nav a.router-link-exact-active,.sidebar-nav a.active{color:var(--primary-light);background:#1a6fd41f;border-left-color:var(--primary)}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-section-title{padding:12px 18px 4px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);opacity:.6}.sidebar-footer{padding:12px 18px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-card-2);border-radius:var(--radius-sm);margin-bottom:10px}.user-avatar-sm{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.user-info-sm .user-name{font-size:13px;font-weight:600;color:var(--text)}.user-info-sm .user-phone{font-size:11px;color:var(--text-muted)}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:#f443361a;border:1px solid rgba(244,67,54,.2);border-radius:var(--radius-sm);color:var(--danger);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#f443362e}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:99}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 14px;z-index:90}.mobile-header-logo{font-size:15px;font-weight:700;color:var(--text)}.menu-btn,.notif-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:color .2s;position:relative;display:flex;align-items:center;text-decoration:none}.menu-btn:hover,.notif-btn:hover{color:var(--text)}.notif-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.nav-notif-badge{margin-left:auto;min-width:18px;height:18px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.header-right{display:flex;align-items:center;gap:6px}.user-avatar-header{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:pointer}.main-wrap{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-w)}.page-content{flex:1;padding:24px;max-width:1100px;width:100%}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--bg-card);border-top:1px solid var(--border);z-index:90}.bottom-nav-inner{display:flex;height:100%}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);text-decoration:none;font-size:10px;transition:color .18s;padding:4px 0}.bottom-nav-item .bnav-icon{font-size:20px;line-height:1}.bottom-nav-item span{font-size:10px;font-weight:500}.bottom-nav-item.router-link-exact-active,.bottom-nav-item.active{color:var(--primary-light)}@media(max-width:767px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.main-wrap{margin-left:0;padding-top:var(--header-h);padding-bottom:var(--bottom-nav-h)}.page-content{padding:14px}.bottom-nav{display:block}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media(min-width:640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{border-radius:var(--radius);padding:18px 16px;position:relative;overflow:hidden;border:1px solid transparent}.kpi-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.07;transform:translate(20px,-20px)}.kpi-card.blue{background:linear-gradient(135deg,#1a3a6d,#1e2d42);border-color:#1a6fd44d}.kpi-card.blue:before{background:var(--primary)}.kpi-card.green{background:linear-gradient(135deg,#0d3a22,#1a2535);border-color:#00c8534d}.kpi-card.green:before{background:var(--success)}.kpi-card.orange{background:linear-gradient(135deg,#3d2206,#1a2535);border-color:#ff98004d}.kpi-card.orange:before{background:var(--warning)}.kpi-card.purple{background:linear-gradient(135deg,#2a0d3a,#1a2535);border-color:#9c27b04d}.kpi-card.purple:before{background:var(--purple)}.kpi-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.kpi-value{font-size:20px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:4px}.kpi-sub{font-size:11px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;text-decoration:none;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 12px #1a6fd44d}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-full{width:100%}.btn-outline{background:transparent;color:var(--primary-light);border:1px solid var(--primary)}.btn-outline:hover:not(:disabled){background:#1a6fd41a}.btn-ghost{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--text)}.btn-danger{background:#f4433626;color:var(--danger);border:1px solid rgba(244,67,54,.3)}.btn-danger:hover:not(:disabled){background:#f4433640}.btn-sm{padding:7px 14px;font-size:12px}.btn-lg{padding:14px 28px;font-size:15px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.input-wrap{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;z-index:1}.form-input{width:100%;padding:13px 14px 13px 44px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;transition:border-color .2s,box-shadow .2s;outline:none}.form-input.no-icon{padding-left:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a6fd426}.form-input::placeholder{color:var(--text-muted);opacity:.6}select.form-input{cursor:pointer}.form-select{width:100%;padding:13px 36px 13px 14px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;transition:border-color .2s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%238899aa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--primary)}textarea.form-input{padding-left:14px;resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:#00c85326;color:var(--success)}.badge-warning{background:#ff980026;color:var(--warning)}.badge-danger{background:#f4433626;color:var(--danger)}.badge-info{background:#29b6f626;color:var(--info)}.badge-muted{background:#8899aa26;color:var(--text-muted)}.badge-primary{background:#1a6fd426;color:var(--primary-light)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{background:var(--bg-card-2);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid rgba(42,63,90,.5);transition:background .15s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody td{padding:12px 14px;color:var(--text);vertical-align:middle}.page-header{margin-bottom:20px}.page-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-muted)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.alert-success{background:#00c8531f;border:1px solid rgba(0,200,83,.3);color:#4cfc8a}.alert-error{background:#f443361f;border:1px solid rgba(244,67,54,.3);color:#ff7063}.alert-warning{background:#ff98001f;border:1px solid rgba(255,152,0,.3);color:#ffb84d}.alert-info{background:#29b6f61f;border:1px solid rgba(41,182,246,.3);color:var(--info)}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:12px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-sub{font-size:13px}.divider{height:1px;background:var(--border);margin:16px 0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-decoration:none;color:var(--text-muted);transition:all .2s;font-size:12px;font-weight:600;text-align:center}.quick-action:hover{background:var(--bg-card-2);color:var(--text);border-color:var(--primary)}.quick-action .qa-icon{font-size:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:14px;font-weight:600;color:var(--text)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(42,63,90,.4)}.info-row:last-child{border-bottom:none}.info-key{font-size:12.5px;color:var(--text-muted)}.info-value{font-size:13px;font-weight:600;color:var(--text);text-align:right}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;transition:border-color .2s,transform .2s;cursor:default}.package-card:hover{border-color:var(--primary);transform:translateY(-2px)}.package-card.selected{border-color:var(--primary);background:#1a6fd414}.pkg-name{font-size:15px;font-weight:700;margin-bottom:4px}.pkg-speed{font-size:12px;color:var(--text-muted);margin-bottom:12px}.pkg-price{font-size:22px;font-weight:800;color:var(--primary-light);margin-bottom:2px}.pkg-price-sub{font-size:11px;color:var(--text-muted);margin-bottom:14px}.pkg-badge{margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:440px;position:relative}.modal-title{font-size:17px;font-weight:700;margin-bottom:6px}.modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;line-height:1}.modal-close:hover{color:var(--text)}.tab-bar{display:flex;gap:4px;background:var(--bg-card-2);border-radius:var(--radius-sm);padding:4px;margin-bottom:20px}.tab-btn{flex:1;padding:9px 12px;border-radius:6px;border:none;background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.tab-btn.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(160deg,#080f1a,#0f1923 40%,#0a1628);padding:0 16px 24px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(26,111,212,.15) 0%,transparent 70%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,200,83,.08) 0%,transparent 70%);pointer-events:none}.login-banner-bg{position:fixed;inset:0;background-size:cover;background-position:center;opacity:.08;pointer-events:none;z-index:0}.login-header{padding:36px 0 20px;text-align:center;position:relative;z-index:1}.login-logo{height:48px;object-fit:contain;margin-bottom:10px}.login-logo-text{font-size:24px;font-weight:800;color:var(--text);letter-spacing:2px}.login-brand-sub{font-size:10px;color:var(--primary-light);letter-spacing:3px;text-transform:uppercase;margin-top:2px}.login-tagline{font-size:12px;color:var(--text-muted);margin-top:6px;font-style:italic}.features-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;position:relative;z-index:1}.feature-badge{padding:5px 12px;background:#1a6fd426;border:1px solid rgba(26,111,212,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--primary-light);display:flex;align-items:center;gap:4px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;width:100%;max-width:380px;position:relative;z-index:1;box-shadow:0 8px 40px #0006}.lock-icon{font-size:36px;text-align:center;margin-bottom:12px}.login-card-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:4px;letter-spacing:1px}.login-card-sub{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:22px}.otp-sent{font-size:13px;color:var(--success);text-align:center;padding:10px;background:#00c8531a;border-radius:var(--radius-sm);margin-bottom:16px}.btn-back{display:block;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;margin-top:12px;text-align:center;width:100%;padding:6px;transition:color .2s}.btn-back:hover{color:var(--text)}.error-msg{margin-top:12px;padding:10px 14px;background:#f443361a;border:1px solid rgba(244,67,54,.25);border-radius:var(--radius-sm);color:#ff7063;font-size:13px;text-align:center}.help-link{font-size:12px;color:var(--text-muted);text-align:center;margin-top:14px}.help-link a{color:var(--primary-light)}.login-footer{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center;position:relative;z-index:1}.footer-item{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--text-muted)}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:8px 0 4px}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.progress-fill.green{background:linear-gradient(90deg,#00c853,#69f0ae)}.progress-fill.yellow{background:linear-gradient(90deg,#ff9800,#ffcc02)}.progress-fill.red{background:linear-gradient(90deg,#f44336,#ff6f60)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.page-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .18s}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-2{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.fw-600{font-weight:600}.fs-13{font-size:13px}