.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 24px 64px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:28px}.login-header{display:grid;place-items:center;gap:8px;margin-bottom:12px}.login-shield{height:56px;width:56px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#6ee7fb,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.25)}.login-title{margin:6px 0 2px;font-size:28px;font-weight:800;color:#fff;text-align:center}.login-subtitle{margin:0 0 16px;color:#cbd5e1;text-align:center;font-size:14px}.login-form{display:grid;gap:14px}.login-label{display:block;margin:0 0 6px;font-size:13px;color:#e2e8f0;font-weight:700}.login-inputWrap{position:relative}.login-input{width:100%;height:46px;padding:12px 44px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffff0a;color:#e5e7eb;font-size:15px;outline:none}.login-input::placeholder{color:#94a3b8}.login-iconL{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.85;color:#cbd5e1}.login-iconR{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.9;background:none;border:0;color:#e5e7eb;cursor:pointer;height:28px;width:28px;display:grid;place-items:center}.login-error{color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.35);padding:10px 12px;border-radius:10px;font-size:14px}.login-button{width:100%;height:46px;border-radius:12px;border:0;cursor:pointer;background:linear-gradient(90deg,#1d4ed8,#7c3aed);color:#fff;font-weight:700;font-size:15px}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-secure{text-align:center;margin-top:12px;font-size:12px;color:#a3a3a3}:root{--bg:#f5f7fb;--surface:#ffffff;--border:#e9eef6;--ink:#0f172a;--muted:#64748b;--primary:#1a56ff;--primary-2:#7c3aed;--primary-3:#0944f3;--grad:linear-gradient(90deg,var(--primary),var(--primary-2));--headgrad:linear-gradient(90deg,#0b63f3 0%, #0e4ed4 40%, #6033e6 100%);--ok-50:#dcfce7;--ok-100:#bbf7d0;--ok-700:#166534;--warn-50:#fff7ed;--warn-100:#ffedd5;--warn-700:#9a3412;--sidebar-w: 272px;--radius-12: 12px;--radius-14: 14px;--ring: 0 0 0 3px rgba(99, 102, 241, .18)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg);background-color:#f5f5f5}.app-main{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(90% 50% at 0% -10%,rgba(91,135,255,.06),transparent 50%),var(--bg)}.app-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;background-color:#fff}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--surface);border-right:1px solid var(--border);box-shadow:4px 0 24px #1018280a,0 0 0 1px #fff9 inset}.sb-brand{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--border);background:radial-gradient(120px 80px at 36px 12px,rgba(248,249,250,.08),transparent 60%),var(--surface)}.sb-logo{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:none;font-weight:900}.sb-title{font-weight:900;color:var(--ink);letter-spacing:.2px}.sb-version{font-size:12px;color:#8a94a8;margin-top:2px}.sb-pane{padding:12px 10px}.sb-pill{display:flex;align-items:center;gap:8px;margin:10px;padding:9px 12px;border-radius:12px;background:#f8fafc;color:var(--ink);border:1px solid var(--border);font-size:14px}.statusCard{margin:10px;padding:12px;border-radius:12px;border:1px solid var(--ok-100);background:linear-gradient(180deg,#f6fffa,#f0fdf4);box-shadow:0 8px 20px #1665340d inset}.statusTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.badge-online{display:inline-flex;align-items:center;gap:6px;background:var(--ok-50);color:var(--ok-700);border:1px solid var(--ok-100);font-size:12px;padding:6px 10px;border-radius:999px}.btn-outline{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 12px;font-size:14px;cursor:pointer;color:var(--muted)}.btn-outline:hover{box-shadow:var(--ring)}.groupLabel{font-size:12px;color:#94a3b8;padding:8px 18px;text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.navItem{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 10px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .04s ease}.navIcon{width:20px;height:20px;color:#475569}.navItem:hover{background:#f2f6ff;box-shadow:inset 0 0 0 1px #dde6ff}.navItem.active{background:#f1f1f1;box-shadow:inset 0 0 0 1px #d9e2ff}.navItem.active:before{content:"";position:absolute;inset:6px auto 6px 4px;width:3px;border-radius:3px;background:var(--grad)}.childList{margin:6px 0 4px 28px;display:grid;gap:6px}.childItem{padding:8px 10px;border-radius:10px;color:#dfdfe0;text-decoration:none;display:flex;align-items:center;gap:8px;margin-right:10px}.childItem:hover{background:#f3f5fa}.childItem.active{background:#eef2ff;box-shadow:inset 0 0 0 1px #dbe4ff}.sb-footer{margin-top:auto;padding:14px}.btn-logout{width:100%;display:flex;align-items:center;gap:10px;justify-content:center;color:#fff;border:0;border-radius:12px;padding:10px 12px;cursor:pointer;background:linear-gradient(90deg,#ef4444,#fb923c);box-shadow:0 12px 22px #ef44442e}.btn-logout:hover{filter:brightness(1.05)}.sidebar{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:#dbe3f3;border-radius:10px;border:3px solid transparent;background-clip:content-box}.header{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#1b3ff18f,#7b9ffadb) padding-box,var(--headgrad) border-box;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:0 auto}.h-left{display:flex;align-items:center;gap:12px}.h-title{font-weight:900;color:var(--ink);font-size:18px;letter-spacing:.2px}.menuBtn{display:none;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--muted)}.h-right{display:flex;align-items:center;gap:12px}.h-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);font-size:14px}.h-name{font-weight:800;color:var(--ink)}.h-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);font-weight:900;box-shadow:inset 0 0 0 1px #dbe4ff}.h-logout{border:0;padding:8px 12px;border-radius:10px;background:var(--grad);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 22px #04174d2e}.h-logout:hover{filter:brightness(1.06)}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .22s ease,box-shadow .22s ease;z-index:50;box-shadow:24px 0 48px #0206173d}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.menuBtn{display:inline-flex}}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;border-top-color:#6366f1;animation:spin .9s linear infinite}.btn-outline.is-loading{color:#94a3b8;cursor:default}.badge-offline{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;font-size:12px;padding:6px 10px;border-radius:999px}:root{--text:#0f172a;--muted:#64748b;--border:#e7ebf0;--surface:#fff;--bg:#f6f7fb;--grad:linear-gradient(90deg,#1d4ed8,#7c3aed);--shadow:0 20px 60px rgba(16,24,40,.08)}.db-wrapper{color:var(--text);background-color:#fff;width:70vw}.db-hero{text-align:center;margin-bottom:18px}.db-heroIcon{height:56px;width:56px;border-radius:999px;margin:0 auto 10px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:var(--shadow)}.db-title{margin:6px 0;font-weight:800;font-size:32px;color:#144b9a}.db-subtitle{margin:0 auto;max-width:820px;color:#63758e}.db-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#10b981;padding:16px;border-radius:18px;color:#eafff6;box-shadow:var(--shadow);margin:22px 0}.db-status-left{display:flex;align-items:center;gap:12px}.db-status-icon{height:42px;width:42px;display:grid;place-items:center;background:#0e9f6e;border-radius:12px}.db-status-title{font-weight:800}.db-status-sub{opacity:.9;font-size:13px}.btn-solid{border:0;padding:10px 12px;border-radius:12px;color:#083344;background:#a7f3d0;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #0000001f}.db-grid{display:grid;grid-template-columns:1fr 360px;gap:20px}.db-col,.db-rail{display:grid;gap:20px}@media (max-width:800px){.db-wrapper{color:var(--text);background-color:#fff;width:90vw}}@media (max-width:1024px){.db-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:800}.card-head.gradient{color:#fff;background:var(--grad);border-bottom:0}.card-head .card-head-left{display:flex;align-items:center;gap:8px}.btn-soft{border:0;background:#fff3;color:#fff;padding:8px 10px;border-radius:10px;cursor:pointer}.kpi{padding-bottom:12px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:12px}.kpi-tile{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;gap:4px}.kpi-value{font-weight:800;font-size:20px}.kpi-label{color:#6b7280;font-size:13px}.kpi-meter{margin-top:6px;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.kpi-meter span{display:block;width:42%;height:100%;background:var(--grad)}.kpi.blue .kpi-meter span{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.kpi.slate .kpi-meter span{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.kpi.green .kpi-meter span{background:linear-gradient(90deg,#86efac,#22c55e)}.kpi.purple .kpi-meter span{background:linear-gradient(90deg,#c4b5fd,#7c3aed)}.kpi.teal .kpi-meter span{background:linear-gradient(90deg,#2dd4bf,#14b8a6)}.kpi.orange .kpi-meter span{background:linear-gradient(90deg,#fdba74,#fb923c)}.qa .card-head{color:#fff;background:var(--grad)}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px}.qa-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;gap:6px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.qa-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #1018281a;border-color:#dfe6ee}.qa-card:focus-visible{outline:2px solid #7c3aed;outline-offset:3px}.qa-icon{height:36px;width:36px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#1d4ed8}.qa-title{font-weight:800}.qa-desc{color:#64748b;font-size:13px}.qa-cta{margin-top:6px;color:#1d4ed8;font-weight:700}.panel{padding:12px;display:grid;gap:12px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.summary-top{display:flex;align-items:center;gap:8px;color:#64748b}.summary-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;background:#f1f5f9}.summary-value{font-weight:800;font-size:20px;margin-top:6px}.summary.green .summary-icon{background:#dcfce7;color:#166534}.summary.red .summary-icon{background:#fee2e2;color:#991b1b}.summary.indigo .summary-icon{background:#e0e7ff;color:#3730a3}.summary.orange .summary-icon{background:#ffedd5;color:#9a3412}.panel-chart{background:#fff;border:1px dashed var(--border);border-radius:14px;padding:12px}.panel-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title{font-weight:800}.select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 10px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:20px;padding:10px}.bar-group{flex:0 0 80px;height:100%;display:flex;align-items:flex-end;gap:10px;position:relative}.bar{width:28px;background:#60a5fa;border-radius:8px 8px 0 0}.bar.alt{background:#34d399}.bar-label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;color:#6b7280;font-size:12px}.legend{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:12px;margin-top:8px}.dot{width:10px;height:10px;border-radius:999px;background:#60a5fa;display:inline-block;margin:0 4px 0 8px}.dot.alt{background:#34d399}.rail .card-head{font-weight:800}.notif-list{list-style:none;margin:0;padding:8px 12px;display:grid;gap:10px}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.notif-icon{height:26px;width:26px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#1d4ed8}.notif-title{font-weight:700}.notif-time{color:#64748b;font-size:12px}.nav-list{list-style:none;margin:0;padding:12px;display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--border)}.nav-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#1d4ed8}.nav-title{font-weight:800}.nav-desc{font-size:12px;color:#64748b}.nav-arrow{margin-left:auto;color:#94a3b8}body{overflow-x:hidden}:root{--text:#0f172a;--muted:#64748b;--border:#e7ebf0;--surface:#fff;--grad:linear-gradient(90deg,#1d4ed8,#7c3aed);--shadow:0 20px 60px rgba(16,24,40,.08)}.cv-wrap{color:var(--text)}.cv-tabs{display:flex;gap:14px;justify-content:center;margin:16px 0 20px}.cv-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);color:#1f2937;padding:12px 18px;border-radius:16px;box-shadow:var(--shadow);font-weight:800;cursor:pointer}.cv-tab .i{width:18px;height:18px}.cv-tab.active{color:#fff;background:var(--grad);border-color:transparent}.cv-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;max-width:980px;margin:0 auto}.cv-head{padding:14px 18px;border-bottom:1px solid var(--border)}.cv-head.gradient{background:var(--grad);color:#fff;border-bottom:0}.cv-head-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.cv-head-title .i{width:18px;height:18px}.cv-head-sub{opacity:.95;margin-top:6px}.cv-form{padding:18px}.cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:900px){.cv-grid{grid-template-columns:1fr}}.cv-field{display:grid;gap:6px}.cv-label{color:#475569;font-weight:700;font-size:14px}.cv-inputWrap{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 10px;background:#fff;border:1px solid var(--border);border-radius:12px}.cv-inputWrap input,.cv-inputWrap select{border:0;outline:0;flex:1;font-size:15px;color:#0f172a;background:transparent}.cv-inputWrap input[disabled]{color:#9aa7b2}.cv-inputWrap .i{width:20px;height:20px}.cv-iconL,.cv-iconR{display:grid;place-items:center;color:#64748b}.cv-chip{border:1.5px solid #d1fae5;background:#ecfdf5;color:#065f46;padding:10px 12px;border-radius:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.cv-chip.ok{border-color:#86efac}.cv-actions{margin-top:12px;display:flex;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:10px;border:0;color:#fff;font-weight:800;padding:12px 18px;border-radius:12px;background:var(--grad);cursor:pointer;box-shadow:0 12px 24px #6366f140;transition:opacity .2s,transform .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .arr{margin-left:6px;opacity:.9}.btn-primary .i{width:18px;height:18px}.cv-fab{position:sticky;bottom:22px;display:flex;justify-content:center;margin-top:26px}.cv-fab-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:1px solid var(--border);border-radius:14px;color:var(--text);text-decoration:none;font-weight:800;box-shadow:var(--shadow)}.cv-fab-btn .i{width:18px;height:18px}.cv-fab-btn .arr{margin-left:8px;color:var(--muted)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:5px;vertical-align:middle}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:90%;max-width:500px;box-shadow:var(--shadow);animation:modal-pop .3s ease-out;padding:0;overflow:hidden}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{background:var(--grad);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.4rem;font-weight:800}.modal-header .close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;line-height:1;color:#fffc;transition:color .2s;padding:0}.modal-header .close-btn:hover{color:#fff}.modal-body{padding:24px}.vc-summary{color:var(--muted);font-size:.95rem;text-align:center;margin-bottom:25px}.vc-code-box{border:1px solid var(--border);border-radius:12px;padding:18px;background:#f8f9fb;margin-bottom:25px;text-align:left}.vc-code-label{font-size:.75rem;font-weight:700;color:#4f46e5;letter-spacing:.7px;margin-bottom:8px;text-transform:uppercase}.vc-code-value-row{display:flex;justify-content:space-between;align-items:center}.vc-code-value{font-family:monospace,sans-serif;font-size:1.7rem;font-weight:900;color:var(--text);word-break:break-all;flex-grow:1;text-align:left}.vc-copy-btn{padding:8px 12px;background-color:#e0f2fe;color:#1d4ed8;border:1px solid #93c5fd;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:10px;display:flex;align-items:center;gap:6px;transition:background-color .2s,box-shadow .2s}.vc-copy-btn:hover{background-color:#bfdbfe;box-shadow:0 4px 10px #6366f11a}.vc-copy-btn .i{width:16px;height:16px}.vc-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vc-meta-item{padding-bottom:8px;border-bottom:1px dashed #eff6ff}.vc-meta-label{font-size:.8rem;color:var(--muted);margin-bottom:2px}.vc-meta-data{font-size:.95rem;font-weight:700;color:var(--text)}.vc-muted-data{color:#1d4ed8}.modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border);gap:10px}.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:#f1f5f9;color:var(--text);border:1px solid var(--border);font-weight:600;padding:10px 15px;border-radius:12px;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#e2e8f0}:root{--text:#0b0b0b;--muted:#555;--border:#000;--surface:#fff;--bg:#f6f7fb;--grad:linear-gradient(90deg,#1d4ed8,#7c3aed);--shadow:0 20px 60px rgba(16,24,40,.08)}.pv-wrap{color:var(--text)}.pv-hero{text-align:center}.pv-heroIcon{height:56px;width:56px;border-radius:999px;margin:10px auto 8px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:var(--shadow)}.pv-title{margin:8px 0 6px;font-weight:800;font-size:32px;color:#144b9a}.pv-subtitle{margin:0 auto 14px;max-width:680px;color:#63758e}.btn-green{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:10px 14px;background:#10b981;color:#053b2f;font-weight:800;box-shadow:0 10px 20px #10b98140;text-decoration:none}.pv-filter{margin-top:18px}.pv-filter-head{background:var(--grad);color:#fff;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.btn-soft.onPurple{background:#ffffff2a;color:#fff;border:0;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}.pv-section{margin-top:18px;background:#fff;border:1px solid #e8eef5;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.pv-section-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e8eef5}.pv-section-head.green{background:#10b981;color:#eafff6;border-bottom:0}.pv-section-title{font-weight:800}.pv-section-sub{margin-left:8px;opacity:.95;font-weight:600}.pv-section-actions{display:flex;gap:8px}.btn-chip{border:0;border-radius:10px;padding:8px 10px;background:#ecfeff;color:#0e7490;font-weight:700;cursor:pointer}.pv-batchGrid{padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pv-batch{text-align:left;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:14px;box-shadow:0 10px 26px #0208170a;cursor:pointer;transition:.12s transform,.12s box-shadow,.12s border-color}.pv-batch:hover{transform:translateY(-2px);box-shadow:0 16px 36px #02081714}.pv-batch.is-selected{border:2px solid #2563eb;background:#eff6ff}.pv-badge{color:#111}.pv-batchId{font-weight:800;font-size:28px;margin:6px 0 10px}.pv-row{display:flex;justify-content:space-between;margin:12px 0;font-size:22px}.pv-label{color:#64748b}.pv-value.green{color:#059669;font-weight:800}.pv-link{color:#2563eb;font-weight:800}.pv-foot{margin-top:10px;color:#64748b;font-size:18px}.pv-sticky{position:sticky;bottom:20px;display:flex;gap:16px;justify-content:center;padding:10px 0;z-index:10}.btn-xl{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.btn-xl.blue{background:var(--grad);color:#fff}.btn-xl.danger{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.pv-pdfPanel{margin-top:18px}.pv-pdfHead{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;background:linear-gradient(90deg,#a21caf,#ec4899);padding:12px 14px;border-radius:14px;box-shadow:var(--shadow)}.pv-pdfTitle{font-weight:800}.pv-pdfSub{margin-left:8px;opacity:.95;font-weight:600}.pv-totalWrap{display:flex;align-items:center;gap:12px}.pv-totalLabel{opacity:.9}.pv-total{font-weight:900}.btn-softWhite{border:0;background:#fff3;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}.pv-ctrl{margin-top:12px;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pv-ctrlTitle{font-weight:800}.pv-ctrlSub{margin-left:8px;color:#64748b;font-weight:600}.pv-ctrlBtns{display:flex;gap:8px}.btn-white{border:1px solid #e8eef5;background:#fff;color:#0f172a;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}.btn-green[disabled]{opacity:.6;cursor:not-allowed}.pv-previewBlock{margin-top:12px;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:12px}.pv-previewHead{font-weight:800}.pv-previewMeta{margin-left:8px;color:#64748b;font-weight:600}.pv-pdfViewport{margin-top:12px;height:540px;overflow:auto;background:#fff;padding:10px;border-radius:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width:1100px){.pv-pdfViewport{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.pv-pdfViewport{grid-template-columns:repeat(2,1fr)}}.pv-fetching{grid-column:1 / -1;height:220px;border:1px dashed #cbd5e1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#475569}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid #94a3b8;border-top-color:#111;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.bw-card{background:#fff;color:#000;border:2px solid var(--border);border-radius:8px;display:flex;flex-direction:column;padding:8px}.bw-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:6px}.bw-brand{font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.2px}.bw-serial{font-weight:800;font-size:11px}.bw-mid{text-align:center;padding:8px 4px}.bw-label{font-size:11px;letter-spacing:.8px}.bw-code{font-family:ui-monospace,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:900;letter-spacing:2px;font-size:22px;margin:4px 0 2px}.bw-amt{text-align:center;border-top:2px dashed var(--border);border-bottom:2px dashed var(--border);padding:6px 0;margin:4px 0}.bw-amtLabel{font-size:11px}.bw-amtValue{font-weight:900;font-size:16px}.bw-bottom{display:flex;justify-content:space-between;font-size:11px;padding-top:6px}.bw-bottom b{font-weight:900}.vc-wrap{padding:24px}.vc-title{margin:0;font-size:32px;font-weight:800;color:#0f1b2d}.vc-subtitle{margin:4px 0 20px;color:#6b7280}.vc-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.vc-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0000000a}.vc-statVal{font-size:20px;font-weight:800;color:#0f1b2d}.vc-statLabel{font-size:12px;color:#6b7280;margin-top:4px}.vc-stat.ok .vc-statVal{color:#0e8a49}.vc-stat.danger .vc-statVal{color:#d92c3b}.vc-controls{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:14px}.vc-searchWrap{display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.vc-search{border:none;outline:none;flex:1;font-size:14px}.vc-searchIcon{color:#6b7280;font-size:14px}.vc-toolbar{display:flex;align-items:center;gap:8px;margin-top:10px}.btn-soft{background:#f3f4f6;border:1px solid #e5e7eb;color:#0f1b2d;border-radius:10px;padding:8px 10px;font-weight:600}.btn-soft .i{margin-right:6px}.vc-hint{margin-left:auto;color:#6b7280}.vc-filterRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;background:#f9fafb;border-radius:10px;padding:12px}.vc-filter{display:flex;align-items:center;gap:10px}.vc-filterLabel{min-width:90px;color:#111827;font-weight:600}.vc-filter select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;width:100%}.vc-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.vc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 8px 30px #0000000d}.vc-cardHead{display:flex;align-items:center}.vc-cardTitle{font-size:18px;font-weight:800;color:#0f1b2d}.vc-copy{margin-left:auto;border:none;background:transparent;cursor:pointer}.vc-row{display:flex;justify-content:space-between;padding:6px 0}.vc-key{color:#6b7280}.vc-val{font-weight:700;color:#111827}.vc-code{font-weight:800;letter-spacing:.3px;color:#111827;word-break:break-all}.vc-badges{display:flex;gap:8px;margin:8px 0 4px}.badge{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;color:#374151;background:#f9fafb}.badge.ok{color:#0e8a49;border-color:#bbf7d0;background:#ecfdf5}.badge.danger{color:#d92c3b;border-color:#fecaca;background:#fff1f2}.badge.muted{color:#6b7280}.vc-valid{display:flex;align-items:center;gap:8px;margin-top:6px}.v-ind{width:8px;height:8px;border-radius:50%;background:#d1d5db}.v-ind.ok{background:#10b981}.v-ind.danger{background:#ef4444}.v-text.ok{color:#0e8a49;font-weight:700}.v-text.danger{color:#d92c3b;font-weight:700}.vc-meta{margin:10px 0 14px;color:#6b7280;font-size:12px;display:grid;gap:4px}.btn-danger-ghost{width:100%;border:1px solid #fecaca;color:#d92c3b;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}.vc-card.vc-skel{padding:16px}.vc-card.vc-skel .line{height:12px;background:#f3f4f6;border-radius:8px;margin:10px 0;animation:skel 1.2s linear infinite alternate}@keyframes skel{0%{opacity:.5}to{opacity:1}}.vc-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 8px}.pg-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 12px;font-weight:700}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-pages{display:flex;align-items:center;gap:6px;color:#6b7280}.pg-current{color:#111827;font-weight:800}.vc-empty{grid-column:1 / -1;text-align:center;color:#6b7280;padding:30px 0}@media (max-width: 1100px){.vc-grid,.vc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.vc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-filterRow{grid-template-columns:1fr}}@media (max-width: 520px){.vc-grid{grid-template-columns:1fr}.vc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.au-wrap{padding:24px}.au-hero{text-align:center;background:linear-gradient(180deg,#f4f8ff,#fff);border-radius:18px;padding:28px 20px 18px;box-shadow:0 10px 30px #10245e14;margin-bottom:22px}.au-heroIcon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 10px;border-radius:16px;background:linear-gradient(135deg,#2f6df6,#7b36ff);color:#fff;box-shadow:0 8px 18px #3d62ff59}.au-title{margin:6px 0 4px;font-size:28px;font-weight:800;color:#10214d}.au-sub{margin:0;color:#4c5a7a}.au-kpis{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.au-kpi{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e9eef7;box-shadow:0 6px 18px #10245e0f}.au-kpi.green .au-kpiValue{color:#12b76a}.au-kpi.orange .au-kpiValue{color:#ff5e3a}.au-kpiIcon{color:#2f6df6}.au-kpiLabel{font-size:13px;color:#50618c}.au-kpiValue{font-weight:800;font-size:24px;color:#10214d}.au-search{margin:18px 0 8px}.au-searchHead{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2f6df6,#7b36ff);color:#fff;padding:14px 16px;border-radius:16px 16px 0 0}.au-searchTitle{font-weight:800;display:flex;align-items:center;gap:8px}.au-searchIcon{display:inline-flex}.au-btnRefresh{display:inline-flex;align-items:center;gap:8px;background:#fff2;color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.au-btnRefresh:hover{background:#fff3}.au-searchBar{background:#fff;border:1px solid #e9eef7;border-top:0;padding:14px;border-radius:0 0 16px 16px}.au-inputWrap{display:flex;align-items:center;gap:10px;border:1px solid #dfe7f4;border-radius:12px;padding:10px 12px;background:#fbfdff}.au-inputWrap input{border:none;outline:none;font-size:14px;width:100%;background:transparent;color:#0f1c3f}.au-updated{margin-top:8px;font-size:12px;color:#6a789a}.au-grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}@media (max-width: 1100px){.au-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 760px){.au-grid{grid-template-columns:repeat(4,1fr)}}.au-card{grid-column:span 4;background:#fff;border:1px solid #e9eef7;border-radius:16px;padding:14px;box-shadow:0 10px 24px #10245e0f}@media (max-width: 760px){.au-card{grid-column:span 4}}.au-cardHead{display:flex;align-items:center;justify-content:space-between}.au-id{display:flex;align-items:center;gap:8px;font-weight:700;color:#0f1c3f}.avatar{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f6df6,#7b36ff)}.au-status{display:flex;align-items:center;gap:6px;color:#27ae60;font-weight:600}.dot{width:8px;height:8px;background:#27ae60;border-radius:50%;display:inline-block}.au-profile{margin:6px 0 10px;font-size:12px;color:#6b789a;font-weight:600}.au-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.au-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center}.au-rowLabel{font-size:12px;color:#6b789a}.au-rowValue{font-weight:700;color:#11214e;font-size:13px}.au-remaining{margin:12px 0;border:1px dashed #ffd9d3;background:#fff6f5;padding:10px 12px;border-radius:12px;display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center}.au-remainingText{font-size:12px;color:#a23a3a}.au-remainingValue{font-weight:800;color:#c83232}.au-actions{display:flex;gap:10px;margin-top:10px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-weight:700;padding:10px 12px;border-radius:12px}.btn.warn{background:linear-gradient(135deg,#ffb15b,#ff7a3a);color:#fff}.btn.danger{background:linear-gradient(135deg,#ff6b6b,#ff284f);color:#fff}.btn:hover{filter:brightness(.95)}.au-empty{grid-column:1 / -1;text-align:center;padding:24px;color:#72809f;background:#fff;border:1px dashed #dfe7f4;border-radius:14px}.au-pager{margin:16px 0 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e9eef7;border-radius:12px;padding:10px 12px}.au-pagerInfo{color:#334573;font-size:13px}.au-pagerInfo .sep{margin:0 8px;color:#9aa9c8}.au-pagerCtrls{display:flex;align-items:center;gap:8px}.pg-btn{border:1px solid #dfe7f4;background:#f7faff;color:#183058;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}.pg-btn[disabled]{opacity:.45;cursor:not-allowed}.pg-size{display:inline-flex;align-items:center;gap:6px;color:#334573}.pg-size select{border:1px solid #dfe7f4;border-radius:8px;padding:6px 8px;background:#fff;color:#183058}:root{  --text:#0e2257;--muted:#5b6b8f;--edge:#e8eef7;  --card:#fff;--bg:#f6f8fd;--accent:#0e56cc;--accent2:#1d7bff;  --ok:#12b76a;--ok-bg:#e9fbef;--down:#e73b4a;--down-bg:#feecef;  --shadow:none}.rd-wrap{max-width:1200px;margin:0 auto;padding:18px}.card{background:var(--card);border-radius:16px;box-shadow:none}.rd-head{padding:18px}.rd-head-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.rd-title{margin:0;font-size:26px;font-weight:800;color:var(--text)}.rd-sub{margin:4px 0 0;color:var(--muted)}.rd-actions{display:flex;gap:10px;align-items:center}.rd-updated{font-size:13px;color:var(--muted);padding:6px 10px;background:#f0f4ff;border-radius:999px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.blue{background:#1677ff;color:#fff}.btn.danger{background:var(--down);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.rd-skel{display:grid;gap:16px;margin:16px 0}.sk{height:140px;border-radius:16px;background:linear-gradient(90deg,#edf1fb,#f6f8ff,#edf1fb);background-size:200% 100%;animation:sh 1.2s linear infinite;box-shadow:var(--shadow)}.sk-tiles{height:110px}@keyframes sh{to{background-position:-200% 0}}.rd-tiles{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:16px 0}@media (min-width:980px){.rd-tiles{grid-template-columns:repeat(4,1fr)}}.rd-tile{display:flex;gap:12px;align-items:center;padding:14px}.rd-tIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef3ff;color:#0d3fb0}.rd-tLabel{font-size:12px;color:var(--muted);font-weight:700}.rd-tValue{font-size:20px;color:var(--text);font-weight:800;display:flex;gap:8px;align-items:center}.rd-pill{font-size:11px;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.rd-pill.success{background:var(--ok-bg);color:var(--ok)}.rd-pill.danger{background:var(--down-bg);color:var(--down)}.rd-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:980px){.rd-grid{grid-template-columns:1fr 1fr}}.rd-card{padding:16px}.card-title{margin:0 0 12px;color:var(--text);font-size:16px;font-weight:800}.rd-barWrap+.rd-barWrap{margin-top:12px}.rd-barHeader{display:flex;justify-content:space-between;align-items:center}.rd-barLabel{font-weight:800;color:var(--text)}.rd-barVal{font-weight:800;color:var(--accent)}.rd-barTrack{height:10px;background:#edf1fb;border-radius:999px;overflow:hidden;margin-top:6px}.rd-barFill{height:100%;background:linear-gradient(90deg,var(--accent2),#13c0ff)}.rd-barSub{color:var(--muted);font-size:12px;margin-top:4px}.rd-ifList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rd-ifItem{padding:10px 0;border-bottom:1px dashed var(--edge)}.rd-ifItem:last-child{border-bottom:0}.rd-ifTitle{display:flex;align-items:center;gap:10px}.rd-ifName{font-weight:800;color:var(--text)}.rd-badge{font-size:11px;padding:3px 8px;border-radius:999px}.rd-badge.ok{background:var(--ok-bg);color:var(--ok)}.rd-badge.down{background:var(--down-bg);color:var(--down)}.rd-ifMeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;color:#334b78;font-size:13px}.rd-bandRow{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:720px){.rd-bandRow{grid-template-columns:1fr 1fr}}.rd-bandItem{background:#f9fbff;border:1px solid var(--edge);border-radius:12px;padding:12px}.rd-bandLabel{color:var(--muted);font-weight:700}.rd-bandValue{font-size:22px;font-weight:900;color:#0f2a63}.rd-bandSub{color:#6b7aa2;font-size:12px}.rd-speedNow{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:720px){.rd-speedNow{grid-template-columns:1fr 1fr}}.rd-speedTile{border:1px solid var(--edge);background:#f9fbff;border-radius:12px;padding:12px}.rd-speedTile.greenish{background:#f3fff9}.rd-speedLabel{color:var(--muted);font-weight:700}.rd-speedValue{font-size:24px;font-weight:900;color:#0f2a63}.rd-speedSub{color:#6b7aa2;font-size:12px}.rd-miniHead{margin-top:12px;font-weight:800;color:var(--text)}.rd-bars{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:6px}.rd-barCol{width:12px;display:flex;flex-direction:column;gap:4px;align-items:center}.rd-bar.down{width:12px;border-radius:4px;background:#4b89ff}.rd-bar.up{width:12px;border-radius:4px;background:#2ec97d}.rd-legend{display:flex;align-items:center;gap:12px;margin-top:6px;color:var(--muted);font-size:12px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:6px}.dot.blue{background:#4b89ff}.dot.green{background:#2ec97d}.rd-last{margin-left:auto}.rd-kv{display:grid;gap:10px}.rd-kvRow{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--edge);border-radius:12px;padding:10px 12px;color:var(--text)}.rd-kvRow span{color:var(--muted)}.rd-sys{display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:720px){.rd-sys{grid-template-columns:1fr 1fr}}.rd-sysRow{background:#fff;border:1px solid var(--edge);border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.rd-sysRow span{color:var(--muted)}:root{--pp-bg: #f3f7ff;--pp-card: #ffffff;--pp-ink: #0f1a39;--pp-ink-2: #5a6680;--pp-blue: #1a56ff;--pp-blue-2: #2d6cff;--pp-green: #12c061;--pp-green-2: #1edb78;--pp-soft: #e9eefc;--pp-red: #ef4444;--pp-ring: rgba(98, 139, 255, .35)}.pp-wrap{padding:28px clamp(12px,3vw,28px);background:var(--pp-bg)}.pp-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto 20px}.pp-title{font-size:24px;font-weight:900;color:var(--pp-ink);margin:0}.pp-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:12px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:filter .15s ease;white-space:nowrap}.pp-btn:hover{filter:brightness(1.05)}.pp-primary{background:linear-gradient(180deg,var(--pp-blue-2),var(--pp-blue));color:#fff}.pp-muted{background:#edf2ff;color:#20305a}.pp-outline{background:#fff;border-color:#e5e9ff;color:#20305a}.pp-danger{background:linear-gradient(180deg,#f87171,var(--pp-red));color:#fff}.pp-buy{background:linear-gradient(180deg,var(--pp-green-2),var(--pp-green));color:#fff}.pp-form{max-width:1200px;margin:0 auto 16px;padding:16px;border:1px solid #e8edff;border-radius:16px;background:#f9fbff}.pp-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pp-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#2a3654}.pp-form input,.pp-form select{height:40px;border:1px solid #e6ecff;border-radius:10px;padding:0 12px;outline:none;background:#fff;font-size:14px}.pp-form input:focus,.pp-form select:focus{border-color:#9db3ff;box-shadow:0 0 0 3px #9db3ff47}.pp-inline{display:flex}.pp-suffix{min-width:54px;display:grid;place-items:center;background:#f1f4ff;border:1px solid #e6ecff;border-left:0;border-radius:0 10px 10px 0;color:#5b667f;font-weight:800}.pp-inline input{border-right:0;border-radius:10px 0 0 10px}.pp-grid{max-width:1200px;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pp-card{background:var(--pp-card);border:1px solid #e8edff;border-radius:16px;padding:16px;box-shadow:0 14px 28px #1428640d}.pp-cardHead{font-weight:900;color:#122;margin-bottom:10px;font-size:16px}.pp-field{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed #eef2ff}.pp-field:last-child{border-bottom:0}.pp-label{color:#6b7897;font-size:13px}.pp-value{color:#233;font-weight:700}.pp-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-weight:800;font-size:12px}.pp-badge.yes{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.pp-badge.no{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.pp-cardFoot{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pp-preview{max-width:1200px;margin:24px auto 0}.pp-previewTitle{font-weight:900;color:#112;margin-bottom:10px}.pp-previewGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pp-portalCard{background:#0f1a39;color:#fff;border-radius:18px;padding:16px;max-width:280px;box-shadow:0 18px 42px #0f1a3940;background-image:radial-gradient(120% 60% at 0% 0%,rgba(45,108,255,.25),transparent 60%),radial-gradient(120% 60% at 100% 100%,rgba(26,86,255,.2),transparent 60%)}.pp-portalName{font-weight:900;font-size:18px;margin-bottom:8px}.pp-portalPrice{opacity:.95;margin-bottom:6px}.pp-portalDuration{opacity:.8;margin-bottom:10px}.pp-previewEmpty{color:#5a6680;text-align:center;padding:20px 0}:root{--bg: #f5f7fb;--card: #ffffff;--ink: #0f172a;--muted:#6b7280;--line:#e6e9f2;--blue:#2563eb;--mint:#16a34a;--pink:#a21caf;--paid: #d1fae5;--paid-ink:#065f46;--pending:#fef3c7;--pending-ink:#92400e;--failed:#fee2e2;--failed-ink:#991b1b;--chip:#eef2ff;--chip-ink:#3730a3}.pay-wrap{padding:24px;background:var(--bg);color:var(--ink)}.pay-hero{display:flex;align-items:center;gap:16px;margin-bottom:12px}.pay-heroIcon{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#6366f1)}.pay-title{font-size:28px;margin:0}.pay-sub{margin:0;color:var(--muted)}.pay-panel{margin:18px 0 12px;padding:12px 16px;border-radius:14px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#1d4ed8,#7c3aed);color:#fff}.pay-panel .muted{margin-left:8px;opacity:.8;font-weight:400}.pay-panel-right{margin-left:auto;display:flex;gap:8px}.btn-chip{background:#ffffff26;color:#fff;border:none;padding:8px 12px;border-radius:999px;cursor:pointer}.btn-green{background:#10b981;color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.dot.online{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px}.totals-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 18px}.totalBox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.tb-top{display:flex;align-items:center;gap:8px}.tb-label{font-weight:600}.checkbox{width:14px;height:14px;border-radius:3px;border:2px solid #cbd5e1}.tb-value{font-size:20px;font-weight:700;margin-top:10px}.pay-filters{display:flex;align-items:center;gap:12px;margin-bottom:8px}.filters-left{display:flex;gap:8px}.pay-filters select{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.analytics{margin:18px 0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.analytics-head{padding:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#7c3aed,#a21caf 60%,#ec4899);color:#fff}.ah-icon{width:32px;height:32px;border-radius:10px;background:#fff3;display:grid;place-items:center}.ah-title{font-size:18px;font-weight:700}.ah-sub{opacity:.85}.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.kpi{border-radius:14px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafafa)}.kpi.mint .kpi-title{color:#065f46}.kpi.blue .kpi-title{color:#1e3a8a}.kpi.pink .kpi-title{color:#831843}.kpi-title{font-weight:700;margin-bottom:6px}.kpi-value{font-size:24px;font-weight:800}.kpi-hint{color:var(--muted);margin-top:6px}.analytics-break{padding:8px 16px 16px}.sect-title{display:flex;align-items:center;gap:10px;margin:10px 0 12px}.sect-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef2ff;color:#3730a3}.type-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.typeCard{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafafa)}.typeCard .tc-left{display:flex;align-items:center;gap:12px}.tc-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#3730a3}.tc-title{font-weight:700}.tc-sub{color:var(--muted);font-size:13px}.tc-amt{font-size:18px;font-weight:800;text-align:right}.status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statusCard{padding:14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafafa)}.statusCard.paid{background:linear-gradient(180deg,#fff,#f3faf7)}.statusCard.pending{background:linear-gradient(180deg,#fff,#fff7e6)}.statusCard.failed{background:linear-gradient(180deg,#fff,#fff1f2)}.sc-title{font-weight:800;margin-bottom:6px}.sc-row{display:flex;justify-content:space-between;color:var(--muted)}.search-row{margin:14px 0}.searchBox{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 12px;display:flex;gap:8px;align-items:center;max-width:520px}.searchBox input{border:none;outline:none;width:100%;background:transparent}.sicon{color:var(--muted)}.cards-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pay-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column}.pc-head{display:flex;justify-content:space-between;align-items:center}.pc-left{display:flex;gap:10px;align-items:center}.pc-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.pc-icon.mobile{background:#eff6ff;color:#1d4ed8}.pc-icon.cash{background:#ecfdf5;color:#065f46}.pc-title{font-weight:800}.pc-sub{font-size:12px;color:var(--muted)}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.pill.paid{background:var(--paid);color:var(--paid-ink)}.pill.pending{background:var(--pending);color:var(--pending-ink)}.pill.failed{background:var(--failed);color:var(--failed-ink)}.pc-body{margin:10px 0;display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:10px}.k{color:var(--muted)}.ref{background:#f1f5f9;padding:2px 6px;border-radius:6px}.pc-actions{display:flex;gap:8px;margin-top:auto}.btn-light{background:#f8fafc;border:1px solid var(--line);padding:8px 10px;border-radius:10px;cursor:pointer}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:8px 10px;border-radius:10px;cursor:pointer}.btn-light .ico,.btn-danger .ico{margin-right:6px;display:inline-grid;place-items:center}.empty{padding:24px;text-align:center;color:var(--muted)}.pager{display:flex;align-items:center;gap:12px;margin:16px 0}.pager-left{color:var(--muted)}.pager-mid{display:flex;align-items:center;gap:12px}.pager-mid button{background:var(--card);border:1px solid var(--line);padding:6px 10px;border-radius:8px}.pager-right select{background:var(--card);border:1px solid var(--line);padding:6px 8px;border-radius:8px}.skeleton-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.sk-head{height:20px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);animation:sh 1.4s infinite;border-radius:6px}.sk-line{height:12px;margin-top:10px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);animation:sh 1.4s infinite;border-radius:6px}.sk-line.short{width:60%}@keyframes sh{0%{background-position:-100px 0}to{background-position:100px 0}}@media (max-width:1200px){.cards-wrap,.totals-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.cards-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis,.type-cards,.status-row{grid-template-columns:1fr}}@media (max-width:600px){.cards-wrap{grid-template-columns:1fr}.pay-panel{flex-direction:column;align-items:flex-start}.pay-panel-right{margin-left:0}}.ag-wrap{padding:22px clamp(14px,2.5vw,28px);max-width:1200px;margin:0 auto}.ag-hero{background:linear-gradient(90deg,#0f72ff,#6a3df0);border-radius:16px;color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 6px 18px #261b652e}.ag-hero-left{display:flex;gap:12px;align-items:center}.ag-heroIcon{width:42px;height:42px;display:grid;place-items:center;background:#ffffff1f;border-radius:12px}.ag-title{font-size:clamp(18px,2vw,28px);margin:0;letter-spacing:.2px}.ag-sub{opacity:.9;font-size:13px;margin-top:2px}.ag-hero-right{display:flex;gap:10px}.ag-btn{border:1px solid #e7e8ec;background:#fff;color:#141a26;padding:9px 14px;font-weight:600;border-radius:10px;box-shadow:0 2px 10px #0000000a;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease}.ag-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.ag-btn.primary{background:#14b26a;color:#fff;border-color:transparent}.ag-btn.danger{background:#ff4d4f;color:#fff;border-color:transparent}.ag-btn.ghost{background:transparent;color:#fff;border-color:#fff9}.ag-stats{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 900px){.ag-stats{grid-template-columns:1fr}}.ag-stat{background:#fff;border-radius:14px;padding:16px;box-shadow:0 3px 16px #1018280f;border:1px solid #eef0f5}.ag-statTop{display:flex;align-items:center;gap:10px;color:#24324a;font-weight:700}.ag-ico{width:22px;height:22px;display:inline-block}.ag-ico.users{background:radial-gradient(circle at 40% 40%,#6a3df0 0,#6a3df0 30%,transparent 31%) no-repeat}.ag-ico.shield{background:radial-gradient(circle at 40% 40%,#14b26a 0,#14b26a 30%,transparent 31%) no-repeat}.ag-ico.user{background:radial-gradient(circle at 40% 40%,#0f72ff 0,#0f72ff 30%,transparent 31%) no-repeat}.ag-statTitle{font-size:14px}.ag-statValue{font-size:28px;font-weight:800;margin-top:10px;color:#0c1526}.ag-statSub{margin-top:6px;color:#6b7280;font-size:12px}.ag-filterBar{margin-top:18px;background:#fff;border:1px solid #eef0f5;border-radius:14px;padding:14px;box-shadow:0 2px 12px #1018280d}.ag-filterTitle{font-weight:800;color:#0c1526;display:flex;align-items:center;gap:8px}.ag-filterIcon{width:18px;height:18px;display:inline-grid;place-items:center}.ag-filterControls{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.ag-input{border:1px solid #e7e8ec;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;background:#fff;flex:1 1 360px}.ag-input input{border:none;outline:none;width:100%;font-size:14px;color:#0c1526}.ag-select{border:1px solid #e7e8ec;border-radius:10px;padding:10px 12px;background:#fff;color:#0c1526}.ag-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 1100px){.ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.ag-grid{grid-template-columns:1fr}}.ag-card{background:#fff;border:1px solid #eef0f5;border-radius:16px;padding:14px;box-shadow:0 4px 16px #1018280f;display:flex;flex-direction:column;gap:10px}.ag-cardTop{display:flex;align-items:center;gap:12px}.ag-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e9efff,#f4f2ff);color:#1f2a44;display:grid;place-items:center;font-weight:800}.ag-cardHead{min-width:0}.ag-nameRow{display:flex;align-items:center;gap:8px}.ag-name{font-weight:800;color:#0c1526;font-size:16px}.ag-chip{font-size:12px;padding:3px 8px;border-radius:999px;font-weight:700}.ag-chip.admin{background:#e8fff3;color:#0d7b4c;border:1px solid #bcf0d4}.ag-chip.user{background:#eef4ff;color:#3052ff;border:1px solid #d9e2ff}.ag-username{color:#5b6478;font-size:13px;margin-top:2px}.ag-row{display:flex;gap:8px;color:#26334d;align-items:center}.ag-rowIco{opacity:.8}.ag-rowVal{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-actions{display:flex;gap:10px;margin-top:6px}.ag-empty{grid-column:1 / -1;text-align:center;color:#6b7280;padding:40px 0}.skeleton{height:160px;background:linear-gradient(90deg,#f3f5f8 25%,#eef1f6 37%,#f3f5f8 63%);background-size:400% 100%;animation:agShimmer 1.2s ease-in-out infinite;border-radius:16px;border:1px solid #eef0f5}@keyframes agShimmer{0%{background-position:100% 0}to{background-position:0 0}}.ag-modal{position:fixed;inset:0;background:#090c1266;display:grid;place-items:center;z-index:50}.ag-modalCard{background:#fff;width:min(560px,92vw);border-radius:16px;box-shadow:0 18px 64px #00000038;border:1px solid #eef0f5;overflow:hidden}.ag-modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f7f8fb;border-bottom:1px solid #eef0f5}.ag-modalTitle{font-weight:800;color:#121a2b}.ag-x{border:none;background:none;font-size:18px;cursor:pointer}.ag-form{display:grid;gap:10px;padding:14px 16px}.ag-label{font-size:13px;color:#495366;font-weight:700}.ag-control{border:1px solid #e6e8ee;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.ag-control:focus{border-color:#7a9cff;box-shadow:0 0 0 3px #7a9cff2e}.ag-modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.ag-formCard{background:#fff;border-radius:16px;border:1px solid #eef0f5;box-shadow:0 6px 18px #1018280f;margin-top:18px;padding:14px 16px}.ag-check{display:flex;align-items:center;gap:8px;margin-top:6px;color:#0c1526;font-weight:600}.ag-formActions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.sms-wrap{padding:22px clamp(14px,2.5vw,28px);max-width:1200px;margin:0 auto}.sms-hero{background:linear-gradient(90deg,#0f72ff,#6a3df0);color:#fff;border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 6px 18px #261b652e}.sms-heroL{display:flex;gap:12px;align-items:center}.sms-heroIcon{width:42px;height:42px;border-radius:12px;background:#ffffff1f;display:grid;place-items:center}.sms-title{margin:0;font-size:clamp(18px,2vw,28px);letter-spacing:.2px}.sms-sub{opacity:.9;font-size:13px;margin-top:2px}.sms-heroR{display:flex;gap:8px}.sms-controls{margin-top:16px;background:#fff;border:1px solid #eef0f5;border-radius:14px;padding:12px;display:flex;gap:10px;flex-wrap:wrap;box-shadow:0 3px 14px #1018280f}.sms-input{flex:1 1 360px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e7e8ec;border-radius:10px;padding:8px 10px}.sms-input input{border:none;outline:none;width:100%;font-size:14px;color:#0c1526}.sms-select{border:1px solid #e7e8ec;border-radius:10px;padding:10px 12px;background:#fff;color:#0c1526}.sms-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 1100px){.sms-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.sms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.sms-grid{grid-template-columns:1fr}}.sms-card{background:#fff;border:1px solid #eef0f5;border-radius:16px;box-shadow:0 4px 16px #1018280f;padding:14px;display:flex;flex-direction:column;gap:10px}.sms-row{display:flex;gap:8px;align-items:flex-start}.sms-label{min-width:78px;color:#26334d;font-weight:800}.sms-val{color:#101828;word-break:break-word}.link{border:none;background:none;color:#0f72ff;font-weight:700;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:800;font-size:12px;border:1px solid transparent;text-transform:capitalize}.chip.sent{background:#e8fff3;color:#0d7b4c;border-color:#bcf0d4}.chip.failed{background:#ffefef;color:#b42318;border-color:#ffd5d2}.chip.queued{background:#fff6e6;color:#a46300;border-color:#ffe0b0}.sms-actions{display:flex;gap:10px}.btn{border:1px solid #e7e8ec;background:#fff;color:#141a26;padding:9px 12px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0000000a;transition:transform .06s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.btn.green{background:#14b26a;color:#fff;border-color:transparent}.btn.danger{background:#ff4d4f;color:#fff;border-color:transparent}.btn.ghost{background:transparent;color:#fff;border-color:#fff9}.sms-empty{grid-column:1 / -1;text-align:center;color:#6b7280;padding:32px 0}.skeleton{height:180px;background:linear-gradient(90deg,#f3f5f8 25%,#eef1f6 37%,#f3f5f8 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:16px;border:1px solid #eef0f5}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sms-pager{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sms-pagerInfo{color:#475569}.sms-pagerBtns{display:flex;gap:10px;align-items:center}.sms-pageNum{color:#0c1526;font-weight:800}.sms-modal{position:fixed;inset:0;background:#090c1266;display:grid;place-items:center;z-index:50}.sms-modalCard{background:#fff;width:min(600px,92vw);border-radius:16px;border:1px solid #eef0f5;box-shadow:0 18px 64px #00000038;overflow:hidden}.sms-modalHead{padding:12px 16px;background:#f7f8fb;border-bottom:1px solid #eef0f5;display:flex;justify-content:space-between;align-items:center}.sms-modalTitle{font-weight:800;color:#121a2b}.sms-x{border:none;background:none;font-size:18px;cursor:pointer}.sms-modalBody{padding:14px 16px;display:grid;gap:10px}.sms-modalActions{padding:12px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eef0f5}:root{--bg: #f3f6fb;--card: #fff;--ink: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-2: #4f46e5;--ring: rgba(37,99,235,.25);--soft: #eef2ff;--green: #10b981;--red: #ef4444}.pm-wrap{background:var(--bg);min-height:100vh;color:var(--ink)}.pm-hero{max-width:1100px;margin:0 auto;padding:28px 20px 8px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.pm-heroIcon{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;width:48px;height:48px;border-radius:12px;display:grid;place-items:center}.pm-title{font-size:28px;margin:0}.pm-subtitle{margin:2px 0 0;color:var(--muted);font-size:14px}.pm-tabs{grid-column:1/-1;margin-top:16px;display:flex;gap:8px}.pm-tab{padding:10px 14px;border-radius:12px;border:0;background:#e6ecff;color:#173b8c;font-weight:600;cursor:pointer}.pm-tab.is-active{background:linear-gradient(135deg,#5b6cff,#864bff);color:#fff}.pm-section{max-width:1100px;margin:12px auto 40px;background:transparent;padding:0 20px}.pm-sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pm-sectionTitle{font-weight:800;font-size:18px;display:flex;align-items:center;gap:8px}.pm-bullet{width:10px;height:10px;background:#0ea5e9;border-radius:999px;display:inline-block}.pm-actions{display:flex;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #4f46e540}.btn-primary[disabled]{opacity:.6;cursor:not-allowed}.btn-soft{background:#eef2f7;color:#0b1730;border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.pm-center{display:grid;place-items:center}.pm-card{background:var(--card);border-radius:16px;padding:24px 22px;box-shadow:0 10px 30px #0f172a14;width:min(560px,100%)}.pm-cardTitle{font-size:18px;font-weight:800;margin-bottom:8px;text-align:center}.pm-row{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:12px}.pm-row+.pm-row{margin-top:4px}.pm-link{color:#0f3aa9;font-weight:700;text-decoration:none}.pm-link:hover{text-decoration:underline}.pm-icn{color:#111827;opacity:.9}.pm-footerMuted{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}.pm-toast{margin-bottom:10px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;font-weight:700;padding:8px 12px;border-radius:10px}.pm-form{background:var(--card);border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.pm-colSpan{grid-column:1/-1}.pm-field{display:block}.pm-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.pm-label .req{color:var(--red);margin-left:4px}.pm-inputWrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.pm-input{border:none;outline:none;width:100%;font-size:14px;color:var(--ink)}.pm-field:focus-within .pm-inputWrap{box-shadow:0 0 0 4px var(--ring);border-color:transparent}.pm-error{color:var(--red);font-size:12px;margin-top:6px}.pm-field.has-error .pm-inputWrap{border-color:var(--red)}.pm-skeleton{background:var(--card);border-radius:16px;padding:20px}.sk-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#eef2f7,#f7f9ff,#eef2f7);animation:sk 1.3s infinite}.sk-line+.sk-line{margin-top:10px}@keyframes sk{0%{background-position:-200px 0}to{background-position:200px 0}}@media (max-width: 900px){.pm-hero{grid-template-columns:auto 1fr;grid-auto-rows:min-content}.pm-tabs{margin-top:8px}.pm-form{grid-template-columns:1fr}}:root{--pp-bg:#f3f7ff;--pp-card:#ffffff;--pp-ink:#0f1a39;--pp-ink-2:#5a6680;--pp-blue:#1a56ff;--pp-blue-2:#2d6cff;--pp-green:#12c061;--pp-green-2:#1edb78;--pp-soft:#e9eefc;--pp-ring:rgba(98,139,255,.35)}.pp-wrap{padding:28px clamp(12px,3vw,28px);background:var(--pp-bg);min-height:100vh}.pp-card{max-width:920px;margin:0 auto;background:var(--pp-card);border-radius:24px;box-shadow:0 18px 48px #14286414;padding:clamp(18px,2.2vw,26px)}.pp-smallMeta{font-size:12px;color:#7a86a1;text-align:right}.pp-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:6px auto 18px;padding-top:6px}.pp-logoBadge{width:88px;height:88px;position:relative;display:grid;place-items:center;margin-bottom:10px;filter:drop-shadow(0 10px 24px rgba(65,105,225,.25))}.pp-logoArt{width:100%;height:100%;border-radius:50%}.pp-logoGlow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(ellipse at center,var(--pp-ring),rgba(98,139,255,0) 60%)}.pp-brand{margin:4px 0 6px;font-weight:900;letter-spacing:.2px;color:var(--pp-ink);font-size:clamp(24px,2.2vw + 16px,36px)}.pp-tagline{max-width:620px;margin:0 auto 14px;color:var(--pp-ink-2);line-height:1.45;font-size:clamp(14px,.35vw + 13px,18px)}.pp-free{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,var(--pp-green-2),var(--pp-green));color:#fff;font-weight:800;box-shadow:0 14px 22px #12c06147}.pp-free:active{transform:translateY(1px)}.pp-skel{padding:10px 2px 20px}.pp-skelLine{height:18px;background:linear-gradient(90deg,#eef2ff,#f6f8ff,#eef2ff);background-size:200% 100%;animation:ppshine 1.2s linear infinite;border-radius:10px;margin:10px 0}.pp-skelLine.big{height:48px;border-radius:14px}.pp-skelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.pp-skelCard{height:120px;border-radius:16px;background:linear-gradient(90deg,#eef2ff,#f6f8ff,#eef2ff);background-size:200% 100%;animation:ppshine 1.2s linear infinite}@keyframes ppshine{0%{background-position:0 0}to{background-position:200% 0}}.pp-codeForm{margin:8px 0 18px}.pp-codeLabel{font-weight:700;color:var(--pp-ink);margin-bottom:6px;display:inline-flex;gap:6px;align-items:center}.pp-editPen{opacity:.5}.pp-input{width:100%;height:48px;border-radius:14px;border:1px solid var(--pp-soft);padding:0 16px;outline:none;background:#fafcff}.pp-input:focus{border-color:#9db3ff;box-shadow:0 0 0 3px #9db3ff4d}.pp-submit{width:100%;height:50px;border:none;border-radius:14px;color:#fff;font-weight:800;margin-top:10px;background:linear-gradient(180deg,var(--pp-blue-2),var(--pp-blue));box-shadow:0 14px 26px #2651ff40}.pp-plansHead{font-weight:800;color:var(--pp-ink);margin:18px 0 8px}.pp-refresh{margin-left:6px;color:#8aa3ff}.pp-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 980px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.pp-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.pp-plan{background:#f6f9ff;border:1px solid #e8edff;border-radius:18px;padding:14px}.pp-planName{font-weight:800;color:#123;margin-bottom:8px}.pp-planPrice{color:#12893c;font-weight:900}.pp-planDur{color:#6b7897;margin-bottom:12px}.pp-buy{height:40px;width:100%;border:none;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(180deg,#1edb78,#12c061);box-shadow:0 10px 18px #12c06140}.pp-contact{margin-top:16px;padding:14px;border-radius:18px;background:#f7fbff;border:1px solid #eaf3ff}.pp-contactTitle{font-weight:800;color:#163;margin-bottom:6px}.pp-contactLine{color:#4c5875;margin:4px 0}.pp-contact a{color:#2d6cff;text-decoration:none}.pp-contact a:hover{text-decoration:underline}.pp-modalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:#0f142873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60}.pp-modal{width:min(92vw,440px);background:#fff;border-radius:16px;padding:16px 16px 14px;box-shadow:0 18px 46px #12286438}.pp-modalHead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pp-modalTitle{font-weight:900;color:#0e1635}.pp-modalMeta{text-align:right}.pp-price{color:#0b7a2b;font-weight:900}.pp-valid{font-size:12px;color:#6a7693}.pp-payWith{margin-top:8px;color:#53607a;font-size:14px}.pp-payLogos{display:flex;gap:10px;margin:6px 0 10px}.pp-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-weight:800;color:#fff;font-size:13px}.pp-badge .pp-bDot{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block}.pp-badge.air{background:#ed1c24}.pp-badge.mtn{background:#ffd100;color:#222}.pp-fieldLabel{font-size:12px;color:#5b667f;margin-bottom:6px;display:block}.pp-inputPhone{width:100%;height:44px;border:1px solid #e6ecff;border-radius:12px;padding:0 12px;outline:none}.pp-inputPhone:focus{border-color:#9db3ff;box-shadow:0 0 0 3px #9db3ff4d}.pp-inputPhone.is-invalid{border-color:#ef5350}.pp-fieldHint{font-size:12px;color:#c62828;margin-top:6px}.pp-modalBtns{display:flex;gap:10px;margin-top:14px}.pp-btnPay{flex:1;height:44px;border:none;border-radius:12px;color:#fff;font-weight:900;background:linear-gradient(180deg,#1edb78,#12c061);display:flex;align-items:center;justify-content:center;gap:8px}.pp-send{transform:translateY(1px)}.pp-btnPay:disabled{opacity:.6;cursor:not-allowed}.pp-btnCancel{height:44px;padding:0 16px;border:none;border-radius:12px;background:#edf2ff;font-weight:800;color:#20305a}.pp-spinner{width:16px;height:16px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% 10%,#5b14ff55,transparent 60%),radial-gradient(1000px 600px at 80% 80%,#f000ff44,transparent 60%),linear-gradient(180deg,#0d0520,#1a0640);color:#fff;background-color:#f5f5f5}.app{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:440px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 20px 60px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:28px}.h1{margin:6px 0 4px;font-size:28px;font-weight:800;color:#fff;text-align:center}.sub{margin:0 0 20px;color:#cbd5e1;text-align:center;font-size:14px}.form{display:grid;gap:14px}.label{display:block;margin:0 0 6px;font-size:13px;color:#cbd5e1}.inputWrap{position:relative}.input{width:100%;height:46px;padding:12px 42px 12px 44px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffff0a;color:#e5e7eb;font-size:15px;outline:none}.input::placeholder{color:#94a3b8}.iconL{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.85}.iconR{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.85;background:none;border:0;color:#e5e7eb;cursor:pointer;height:28px;width:28px;display:grid;place-items:center}.button{width:100%;height:46px;border-radius:12px;border:0;cursor:pointer;background:linear-gradient(90deg,#1d4ed8,#7c3aed);color:#fff;font-weight:700;font-size:15px}.button:disabled{opacity:.6;cursor:not-allowed}.err{color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.35);padding:10px 12px;border-radius:10px;font-size:14px}.secure{text-align:center;margin-top:12px;font-size:12px;color:#a3a3a3}