.top-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:linear-gradient(135deg,#fff,#f0f6ff);border-bottom:1px solid rgba(37,99,235,.1)}.overview-grid,.bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.stat-card{padding:12px 14px;min-height:90px;text-align:left;border:1px solid rgba(37,99,235,.1)}.stat-card h3{font-size:16px}.stat-card p{font-size:12px}.right-col{grid-column:span 2;grid-row:span 3;padding:16px;display:grid;gap:10px}.interactive-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb26;transition:all .2s ease}@media(max-width:1024px){.right-col{grid-column:span 1;grid-row:auto}}@media(max-width:760px){.top-banner{flex-direction:column;align-items:stretch}}@media(max-width:768px){.stat-card{min-height:80px;padding:10px}}html.page-home .logo-icon,html.page-home .logo-text{color:#2563eb!important}.ud-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:14px;box-shadow:0 16px 40px #0f172a24;z-index:200;max-height:400px;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column}.ud-search-section-title{font-size:11px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px 4px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.ud-search-item{width:100%;border:none;background:transparent;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:10px 16px;cursor:pointer;transition:background .15s,color .15s;border-bottom:1px solid #f1f5f9}.ud-search-item:last-child{border-bottom:none}.ud-search-item--active,.ud-search-item:hover{background:#f0f6ff}.ud-search-item-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;flex-shrink:0}.ud-search-item-label{display:block;color:#0f172a;font-weight:700;font-size:13px;line-height:1.25}.ud-search-item-subtitle{display:block;color:#64748b;font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ud-search-item-type{color:#94a3b8;font-size:10.5px;font-weight:700;text-transform:uppercase;background:#f1f5f9;padding:2px 6px;border-radius:4px}.ud-search-empty{padding:16px;text-align:center;color:#64748b;font-size:13px}.aa-cta{border-radius:10px;padding:9px 12px;font-weight:850;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease,opacity .18s ease;white-space:nowrap}.aa-cta:hover{transform:translateY(-1px)}.aa-cta:active{transform:translateY(0);filter:brightness(.98)}.aa-cta:disabled{cursor:not-allowed;opacity:.65;transform:none}.aa-cta--primary{border:none;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 14px 34px #2563eb2e}.aa-cta--primary:hover{box-shadow:0 18px 46px #2563eb38}.aa-cta--secondary{background:#ffffffeb;border-color:#94a3b88c;color:#0f172a}.aa-cta--secondary:hover{border-color:#2563eb59}.aa-cta--accent{border:none;color:#0b1220;background:linear-gradient(135deg,#f59e0b2e,#f59e0b1a);box-shadow:inset 0 0 0 1px #f59e0b47,0 14px 34px #0f172a14}.aa-cta--accent:hover{box-shadow:inset 0 0 0 1px #f59e0b57,0 18px 46px #0f172a1a}.aa-cta--accent:not(:disabled){position:relative}.aa-cta.is-success{animation:aaPop .32s ease-out}@keyframes aaPop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-1px) scale(1.03)}to{transform:translateY(0) scale(1)}}@media(max-width:768px){.aa-cta{padding:10px 12px;width:100%}}html[data-theme=dark] .aa-cta--secondary{background:#0f172ab3;border-color:#334155e6;color:#e2e8f0}html[data-theme=dark] .aa-cta--accent{color:#fde68a;background:#f59e0b1a;box-shadow:inset 0 0 0 1px #f59e0b3d,0 18px 46px #02061766}.pf-page{min-height:100vh;padding:16px 18px;background:radial-gradient(820px 520px at 20% -10%,rgba(37,99,235,.08),transparent 60%),radial-gradient(820px 520px at 85% 0%,rgba(14,165,233,.06),transparent 55%),linear-gradient(180deg,#f8fafc,#f3f6fb 70%,#eef2ff)}.pf-shell{width:100%;max-width:1240px;margin:0 auto;animation:pf-in .22s ease both}.pf-hero{display:grid;grid-template-columns:280px 1fr 320px;gap:12px;align-items:stretch;padding:14px;border-radius:20px;border:1px solid rgba(148,163,184,.22);background:#ffffffc7;box-shadow:0 16px 42px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.pf-hero:hover{transform:translateY(-1px);border-color:#2563eb33;box-shadow:0 22px 62px #0f172a1a}.pf-hero--skeleton{overflow:hidden}.pf-hero-left{display:grid;gap:10px;align-content:start;justify-items:start}.pf-avatar{width:104px;height:104px;border-radius:999px;border:1px solid rgba(148,163,184,.35);overflow:hidden;background:#f8fafce6;display:grid;place-items:center;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.pf-avatar:hover{transform:translateY(-1px);border-color:#2563eb40;box-shadow:0 14px 34px #0f172a1a}.pf-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pf-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:950;font-size:34px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.pf-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.pf-file{display:none}.pf-hero-center{min-width:0;display:flex;align-items:center}.pf-identity{width:100%;padding:10px 12px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#f8fafcb8}.pf-name{font-size:26px;font-weight:950;letter-spacing:-.4px;color:#0f172a}.pf-email{color:#64748b;font-size:13.5px;font-weight:850;line-height:1.35}.pf-email{margin-top:6px}.pf-meta-row{margin-top:12px;display:flex;gap:10px;align-items:flex-start}.pf-meta-icon{margin-top:2px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:#2563eb;background:#2563eb1a;border:1px solid rgba(37,99,235,.14);flex-shrink:0}.pf-meta-text{min-width:0;flex:1}.pf-meta-k{color:#64748b;font-size:11px;font-weight:950;letter-spacing:.25px;text-transform:uppercase}.pf-meta-v{margin-top:3px;color:#0f172a;font-size:13px;font-weight:850;line-height:1.35;word-break:break-word}.pf-hero-right{display:grid;gap:12px;justify-items:end;align-content:center}.pf-badges,.pf-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pf-columns{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.pf-col{display:grid;gap:12px;align-content:start}.pf-card{border-radius:18px;border:1px solid rgba(148,163,184,.2);background:#ffffffd1;box-shadow:0 14px 34px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.pf-card:hover{transform:translateY(-1px);border-color:#2563eb2e;box-shadow:0 18px 46px #0f172a17}.pf-card--skeleton{height:220px}.pf-card-head{padding:14px 14px 8px;display:flex;justify-content:space-between;gap:10px;background:linear-gradient(135deg,rgba(37,99,235,.06),transparent 55%)}.pf-card-title{font-weight:950;color:#0f172a;font-size:15px;letter-spacing:-.2px}.pf-card-sub{margin-top:4px;color:#64748b;font-size:12.5px;font-weight:800;line-height:1.4}.pf-card-body{padding:14px 16px 16px}.pf-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.pf-fields--2{grid-template-columns:1fr 1fr}.pf-field--span{grid-column:1 / -1}.pf-field{min-width:0;padding:10px;border-radius:14px;background:#f8fafcbf;border:1px solid rgba(148,163,184,.16)}.pf-label{color:#64748b;font-size:11.25px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.pf-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pf-label-row .pf-label{margin:0}.pf-value{margin-top:5px;color:#0f172a;font-size:13.5px;font-weight:850;line-height:1.35}.pf-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pf-inline{display:flex;gap:10px;align-items:center;justify-content:space-between}.pf-divider{height:1px;background:#94a3b82e;margin:10px 0}.pf-input{width:100%;margin-top:6px;border-radius:14px;border:1px solid rgba(148,163,184,.55);padding:11px 12px;outline:none;background:#fffffff2;font-weight:900;color:#0f172a}.pf-input:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb24}.pf-input--error{border-color:#ef44448c;box-shadow:0 0 0 3px #ef44441f}.pf-error-text{margin-top:6px;color:#b91c1c;font-weight:900;font-size:12px}.pf-btn{border-radius:12px;padding:10px 12px;font-weight:950;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,opacity .18s ease,filter .22s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pf-btn:hover{transform:translateY(-1px)}.pf-btn:active{transform:translateY(0);filter:brightness(.98)}.pf-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.pf-btn--primary{border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 34px #2563eb38}.pf-btn--primary:hover{box-shadow:0 18px 46px #2563eb42}.pf-btn--ghost{background:#ffffffeb;border-color:#94a3b88c;color:#0f172a}.pf-btn--danger{background:#fef2f2e6;border-color:#fecacae6;color:#b91c1c}.pf-btn--sm{padding:8px 10px;border-radius:10px;font-size:12px;font-weight:950}.pf-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid transparent;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.pf-badge:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.pf-badge--success{background:#22c55e1f;color:#166534;border-color:#22c55e38}.pf-badge--warning{background:#f59e0b1f;color:#92400e;border-color:#f59e0b38}.pf-badge--danger{background:#ef44441f;color:#991b1b;border-color:#ef444438}.pf-badge--neutral{background:#94a3b824;color:#334155;border-color:#94a3b842}.pf-upload-bar{margin-top:10px;padding:12px 14px;border-radius:18px;border:1px solid rgba(37,99,235,.18);background:#ffffffdb;box-shadow:0 12px 30px #0f172a14;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pf-upload-left{display:flex;gap:12px;align-items:center}.pf-upload-thumb{width:54px;height:54px;border-radius:14px;object-fit:cover;border:1px solid rgba(148,163,184,.35)}.pf-upload-title{font-weight:950;color:#0f172a}.pf-upload-sub{margin-top:2px;color:#64748b;font-weight:800;font-size:12.5px}.pf-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.pf-actions--stack{margin-top:0;flex-direction:column}.pf-verify-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-verify-title{font-weight:950;color:#0f172a;font-size:13px}.pf-verify-sub{margin-top:2px;color:#64748b;font-weight:800;font-size:12.5px}.pf-timeline{margin-top:12px;display:grid;gap:8px}.pf-step{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#ffffffb3}.pf-step-dot{width:12px;height:12px;border-radius:999px;background:#94a3b88c;margin-top:4px;flex-shrink:0;box-shadow:0 0 0 4px #94a3b81a}.pf-step--done .pf-step-dot{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 0 4px #2563eb24}.pf-step--success .pf-step-dot{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 0 4px #22c55e24}.pf-step--danger .pf-step-dot{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 4px #ef444424}.pf-step-title{font-weight:950;color:#0f172a;font-size:13px}.pf-step-sub{margin-top:2px;color:#64748b;font-weight:800;font-size:12.5px}.pf-degraded-banner{margin-bottom:14px;padding:10px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:13px;font-weight:650;line-height:1.45}.pf-error,.pf-empty{border-radius:18px;border:1px solid rgba(239,68,68,.22);background:#ffffffdb;box-shadow:0 16px 40px #0f172a14;padding:18px}.pf-error-title,.pf-empty-title{font-weight:950;color:#0f172a;font-size:14px}.pf-error-sub,.pf-empty-sub{margin-top:6px;color:#64748b;font-weight:800;font-size:13px}.pf-error-actions,.pf-empty-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.pf-empty-mini{padding:4px 0;display:grid;gap:4px}.pf-empty-mini-title{font-weight:950;color:#0f172a;font-size:13px}.pf-empty-mini-sub{color:#64748b;font-weight:800;font-size:12.5px}.pf-inline-error{color:#b91c1c;font-weight:900;font-size:13px}.pf-sk-avatar,.pf-sk-pill,.pf-sk-btn,.pf-sk-line,.pf-card--skeleton{background:linear-gradient(90deg,#94a3b829,#94a3b80f,#94a3b829);background-size:200% 100%;animation:pf-shimmer 1.2s ease-in-out infinite}.pf-sk-avatar{width:104px;height:104px;border-radius:999px}.pf-sk-lines{display:grid;gap:8px}.pf-sk-line{height:10px;border-radius:999px;width:320px;max-width:100%}.pf-sk-line--h{height:12px;width:240px}.pf-sk-line--sm{width:180px;opacity:.85}.pf-sk-actions{display:grid;gap:10px;justify-items:end}.pf-sk-pill{width:160px;height:28px;border-radius:999px}.pf-sk-btn{width:150px;height:38px;border-radius:12px}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pf-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.pf-hero{grid-template-columns:1fr;align-items:start}.pf-hero-center{align-items:flex-start}.pf-hero-right{justify-items:start}.pf-badges,.pf-hero-actions{justify-content:flex-start}.pf-columns{grid-template-columns:1fr}}@media(max-width:980px){.pf-columns{grid-template-columns:1fr}}@media(max-width:520px){.pf-page{padding:10px}.pf-name{font-size:22px}.pf-fields,.pf-fields--2{grid-template-columns:1fr}.pf-inline{align-items:flex-start;flex-direction:column}.pf-upload-bar{align-items:flex-start;padding:10px}.pf-card-body{padding:12px 12px 14px}.pf-card-head{padding:12px 10px 8px}.pf-hero{padding:12px}.pf-columns{gap:10px;margin-top:10px}.pf-col{gap:10px}}html[data-theme=dark] .pf-page{background:radial-gradient(900px 520px at 20% -10%,rgba(96,165,250,.12),transparent 60%),radial-gradient(900px 520px at 85% 0%,rgba(34,211,238,.08),transparent 55%),linear-gradient(180deg,#020617,#0b1220 60%,#0b1022)}html[data-theme=dark] .pf-hero,html[data-theme=dark] .pf-card,html[data-theme=dark] .pf-upload-bar,html[data-theme=dark] .pf-error,html[data-theme=dark] .pf-empty{background:#0f172aa3;border-color:#334155b3;box-shadow:0 22px 70px #020617a6}html[data-theme=dark] .pf-name,html[data-theme=dark] .pf-card-title,html[data-theme=dark] .pf-value,html[data-theme=dark] .pf-step-title,html[data-theme=dark] .pf-error-title,html[data-theme=dark] .pf-empty-title,html[data-theme=dark] .pf-upload-title,html[data-theme=dark] .pf-verify-title{color:#e5e7eb}html[data-theme=dark] .pf-email,html[data-theme=dark] .pf-card-sub,html[data-theme=dark] .pf-label,html[data-theme=dark] .pf-step-sub,html[data-theme=dark] .pf-error-sub,html[data-theme=dark] .pf-empty-sub,html[data-theme=dark] .pf-upload-sub,html[data-theme=dark] .pf-verify-sub,html[data-theme=dark] .pf-meta-k{color:#94a3b8}html[data-theme=dark] .pf-identity{background:#02061738;border-color:#334155b3}html[data-theme=dark] .pf-meta-v{color:#e5e7eb}html[data-theme=dark] .pf-meta-icon{color:#93c5fd;background:#2563eb24;border-color:#60a5fa38}html[data-theme=dark] .pf-btn--ghost{background:#0f172ab3;border-color:#334155e6;color:#e2e8f0}html[data-theme=dark] .pf-input{background:#0f172aa6;border-color:#334155e6;color:#e5e7eb}html[data-theme=dark] .pf-field{background:#02061738;border-color:#334155b3}html[data-theme=dark] .pf-step{background:#0f172a8c;border-color:#334155b3}.pf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;padding:18px;z-index:999}.pf-modal{width:100%;max-width:480px;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:18px;border:1px solid rgba(37,99,235,.14);box-shadow:0 28px 80px #0f172a40;overflow:hidden}.pf-modal-head{padding:16px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 60%)}.pf-modal-title{font-size:16px;font-weight:950;color:#0f172a;letter-spacing:-.2px}.pf-modal-subtitle{margin-top:4px;color:#64748b;font-size:12.5px;font-weight:800}.pf-modal-close{width:34px;height:34px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffb3;cursor:pointer;font-size:18px;font-weight:900;color:#0f172a;flex-shrink:0}.pf-modal-close:hover{background:#2563eb14;border-color:#2563eb38}.pf-modal-close:disabled{cursor:not-allowed;opacity:.5}.pf-modal-body{padding:14px 16px 16px}.pf-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.pf-contact-kind{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pf-contact-kind-btn{border-radius:999px;padding:8px 14px;font-weight:950;font-size:12.5px;cursor:pointer;border:1px solid rgba(148,163,184,.45);background:#ffffffd9;color:#334155;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease}.pf-contact-kind-btn:hover{transform:translateY(-1px)}.pf-contact-kind-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.pf-contact-kind-btn--active{border-color:#2563eb73;background:#2563eb1a;color:#1d4ed8;box-shadow:0 8px 22px #2563eb1f}html[data-theme=dark] .pf-modal{background:linear-gradient(145deg,#0f172af5,#0f172ae0);border-color:#334155bf}html[data-theme=dark] .pf-modal-title{color:#e5e7eb}html[data-theme=dark] .pf-modal-subtitle{color:#94a3b8}html[data-theme=dark] .pf-modal-close{background:#0f172abf;border-color:#334155d9;color:#e5e7eb}html[data-theme=dark] .pf-contact-kind-btn{background:#0f172aa6;border-color:#334155d9;color:#cbd5e1}html[data-theme=dark] .pf-contact-kind-btn--active{border-color:#60a5fa73;background:#2563eb2e;color:#93c5fd}.sc-page{padding:22px;min-height:100vh;background:radial-gradient(900px 500px at 20% -10%,rgba(37,99,235,.12),transparent 60%),radial-gradient(900px 500px at 80% 0%,rgba(14,165,233,.1),transparent 55%),linear-gradient(180deg,#f8fafc,#f1f5f9 60%,#eef2ff)}.sc-shell{max-width:none;width:100%;margin:0;padding:18px 22px;min-height:calc(100vh - 44px)}.sc-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 10px 12px;position:sticky;top:10px;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#f8fafceb,#f8fafcb3);border-radius:18px;border:1px solid rgba(148,163,184,.18)}.sc-topbar-left{min-width:0}.sc-title{margin:0;font-size:30px;letter-spacing:-.5px;color:#0f172a}.sc-subtitle{margin:6px 0 0;color:#64748b;font-size:13px;max-width:540px}.sc-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.sc-save-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sc-save-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid transparent}.sc-save-pill--muted{background:#94a3b81a;border-color:#94a3b833;color:#334155}.sc-save-pill--dirty{background:#f59e0b1f;border-color:#f59e0b38;color:#92400e}.sc-save-pill--saving{background:#2563eb1a;border-color:#2563eb38;color:#1d4ed8}.sc-save-pill--success{background:#22c55e1f;border-color:#22c55e38;color:#166534}.sc-save-pill--warning{background:#f59e0b1f;border-color:#f59e0b38;color:#92400e}.sc-save-pill--danger{background:#ef44441f;border-color:#ef444438;color:#991b1b}.sc-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start;margin-top:14px}.sc-nav{position:sticky;top:96px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#ffffffbf;box-shadow:0 18px 50px #0f172a14;overflow:hidden}.sc-nav-title{padding:14px 14px 10px;font-size:12px;font-weight:950;letter-spacing:.6px;text-transform:uppercase;color:#64748b}.sc-nav-head{padding:14px 14px 10px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 55%)}.sc-nav-h1{font-size:14px;font-weight:950;letter-spacing:-.2px;color:#0f172a}.sc-nav-h2{margin-top:4px;font-size:12px;font-weight:850;color:#64748b}.sc-nav-list{padding:6px;display:grid;gap:4px}.sc-nav-item{width:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer;padding:10px;border-radius:14px;transition:background .15s ease,transform .15s ease;color:#0f172a;text-align:left}.sc-nav-item:hover{background:#2563eb12;transform:translateY(-1px)}.sc-nav-item--active{background:#2563eb1a;box-shadow:inset 0 0 0 1px #2563eb2e}.sc-nav-dot{width:8px;height:8px;border-radius:999px;background:#94a3b8a6;flex-shrink:0}.sc-nav-item--active .sc-nav-dot{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 0 4px #2563eb1f}.sc-nav-label{font-weight:950;font-size:13px}.sc-nav-foot{padding:12px 14px;border-top:1px solid rgba(148,163,184,.18);display:grid;gap:4px;background:linear-gradient(180deg,#f8fafcb3,#ffffffb8)}.sc-nav-foot-k{color:#64748b;font-size:11px;font-weight:900}.sc-nav-foot-v{color:#0f172a;font-size:12px;font-weight:950}.sc-nav-skel{height:36px;border-radius:14px;background:linear-gradient(90deg,#94a3b829,#94a3b80f,#94a3b829);background-size:200% 100%;animation:sc-shimmer 1.2s ease-in-out infinite}.sc-content{min-width:0}.sc-content-grid{display:grid;gap:14px}.sc-content-grid--single{grid-template-columns:1fr}.sc-section{scroll-margin-top:110px}.sc-section,.sc-panel{animation:sc-fade .18s ease}.sc-mobile-tabs{display:none;gap:8px;overflow-x:auto;padding:10px 4px 0;margin-bottom:8px}.sc-tab{border:1px solid rgba(148,163,184,.22);background:#ffffffbf;color:#0f172a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.sc-tab--active{background:#2563eb1a;border-color:#2563eb4d;color:#1d4ed8}.sc-banner{margin:10px 4px 8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(245,158,11,.28);background:#f59e0b1f;color:#92400e;font-size:13px;font-weight:800}.sc-banner-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:#f59e0b8c;margin:0 10px;transform:translateY(-1px)}.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0}.sc-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid rgba(37,99,235,.12);border-radius:18px;box-shadow:0 16px 40px #0f172a1a;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sc-card:hover{transform:translateY(-1px);border-color:#2563eb38;box-shadow:0 18px 50px #0f172a1f}.sc-card-head{padding:16px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sc-card-title{display:flex;align-items:center;gap:10px;min-width:0}.sc-card-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#2563eb1a;color:#2563eb;flex-shrink:0}.sc-card-title h2{margin:0;font-size:16px;letter-spacing:-.2px;color:#0f172a}.sc-card-right{flex-shrink:0}.sc-card-body{padding:0 16px 14px}.sc-stack{display:grid}.sc-card--skeleton{border-color:#94a3b82e;background:#ffffffbf}.sc-sk-head{padding:16px;display:flex;gap:12px;align-items:center}.sc-sk-ico{width:34px;height:34px;border-radius:12px;background:linear-gradient(90deg,#94a3b82e,#94a3b814,#94a3b82e);background-size:200% 100%;animation:sc-shimmer 1.2s ease-in-out infinite}.sc-sk-lines{flex:1;display:grid;gap:8px}.sc-sk-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#94a3b82e,#94a3b814,#94a3b82e);background-size:200% 100%;animation:sc-shimmer 1.2s ease-in-out infinite}.sc-sk-line--title{width:46%}.sc-sk-line--sub{width:72%;opacity:.8}.sc-sk-body{padding:0 16px 16px;display:grid;gap:10px}.sc-sk-row{height:14px;border-radius:999px;background:linear-gradient(90deg,#94a3b82e,#94a3b814,#94a3b82e);background-size:200% 100%;animation:sc-shimmer 1.2s ease-in-out infinite}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.22)}.sc-row:last-child{border-bottom:none}.sc-row--disabled{opacity:.65}.sc-row-left{flex:1;min-width:0}.sc-row-label{display:flex;align-items:center;gap:8px;font-weight:950;color:#0f172a;font-size:13.5px}.sc-row-desc{margin-top:4px;color:#64748b;font-size:12.5px;line-height:1.45}.sc-row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sc-switch{width:46px;height:26px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#e2e8f0;padding:3px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0}.sc-switch:hover{transform:translateY(-1px)}.sc-switch:disabled{cursor:not-allowed}.sc-switch--on{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb8c}.sc-switch-knob{display:block;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 6px 16px #0f172a2e;transform:translate(0);transition:transform .15s ease}.sc-switch--on .sc-switch-knob{transform:translate(20px)}.sc-btn{border-radius:12px;padding:10px 12px;font-weight:950;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.sc-btn:hover{transform:translateY(-1px)}.sc-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sc-btn--primary{border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 34px #2563eb38}.sc-btn--ghost{background:#fff;border-color:#94a3b88c;color:#0f172a}.sc-btn--danger{background:#fff1f2;border-color:#fecaca;color:#b91c1c}.sc-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.2px;border:1px solid transparent}.sc-badge--info{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb33}.sc-badge--soon{background:#f59e0b1f;color:#92400e;border-color:#f59e0b38}.sc-badge--local{background:#0284c71a;color:#0369a1;border-color:#0284c72e}.sc-info{margin-top:10px;padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#ffffffa6}.sc-info-title{font-weight:950;color:#0f172a;font-size:13px;margin-bottom:10px}.sc-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sc-info-k{font-size:11px;color:#64748b;font-weight:900}.sc-info-v{margin-top:3px;font-size:12.5px;color:#0f172a;font-weight:800}.sc-dangerzone{margin-top:12px;border-radius:16px;border:1px solid rgba(239,68,68,.22);background:#ef44440f;padding:12px}.sc-dangerzone-title{font-weight:950;color:#7f1d1d;font-size:13px}.sc-dangerzone-sub{margin-top:4px;color:#991b1b;font-size:12px;font-weight:800}.sc-dangerzone-actions{margin-top:10px}.sc-link{border:none;background:transparent;color:#2563eb;font-weight:950;font-size:12px;cursor:pointer;padding:6px 8px;border-radius:10px}.sc-link:disabled{cursor:not-allowed;opacity:.6}.sc-link:hover{background:#2563eb14}.sc-mini-muted{color:#64748b;font-size:12.5px;font-weight:800}.sc-mini-error{color:#b91c1c;font-size:12.5px;font-weight:900;margin-bottom:8px}.sc-divider{height:1px;background:#94a3b82e;margin:10px 0}.sc-empty{padding:14px 0 4px;display:grid;gap:4px}.sc-empty-title{font-weight:950;color:#0f172a;font-size:13px}.sc-empty-sub{color:#64748b;font-size:12.5px;font-weight:800}.sc-empty-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.sc-sessions-grid{display:grid;grid-template-columns:1fr;gap:10px}.sc-device-card{border:1px solid rgba(148,163,184,.18);background:#ffffffb8;border-radius:16px;padding:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.sc-device-card:hover{transform:translateY(-1px);border-color:#2563eb33;box-shadow:0 12px 30px #0f172a1a}.sc-device-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sc-device-title{font-weight:950;color:#0f172a;font-size:13px}.sc-device-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-device-meta span{display:block;color:#64748b;font-size:11px;font-weight:900}.sc-device-meta strong{display:block;margin-top:3px;color:#0f172a;font-size:12.5px;font-weight:900}.sc-device-meta--with-ip .sc-device-ip{grid-column:1 / -1}.sc-device-ip span{display:block;color:#64748b;font-size:11px;font-weight:900}.sc-device-ip strong{display:block;margin-top:3px;color:#0f172a;font-size:12.5px;font-weight:900}.sc-device-actions{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.14)}.sc-btn--session-out{width:100%;justify-content:center;font-size:12px;padding:8px 12px;border-radius:12px}.sc-device-hint{margin:0;font-size:11.5px;color:#64748b;font-weight:750;line-height:1.45}.sc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;padding:18px;z-index:999}.sc-modal{width:100%;max-width:520px;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:18px;border:1px solid rgba(37,99,235,.14);box-shadow:0 28px 80px #0f172a40;overflow:hidden}.sc-modal-head{padding:16px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 60%)}.sc-modal-title{font-size:16px;font-weight:950;color:#0f172a;letter-spacing:-.2px}.sc-modal-subtitle{margin-top:4px;color:#64748b;font-size:12.5px;font-weight:800}.sc-modal-close{width:34px;height:34px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffb3;cursor:pointer;font-size:18px;font-weight:900;color:#0f172a}.sc-modal-close:hover{background:#2563eb14;border-color:#2563eb38}.sc-modal-body{padding:14px 16px 16px}.sc-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.sc-modal-note{padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#ffffffbf;color:#334155;font-size:12.5px;font-weight:800;line-height:1.45}.sc-modal-danger{padding:12px;border-radius:16px;border:1px solid rgba(239,68,68,.22);background:#ef44440f;color:#7f1d1d;font-size:12.5px;font-weight:900;line-height:1.45}.sc-field{display:grid;gap:6px;margin-bottom:10px}.sc-field-label{display:grid;gap:6px;color:#0f172a;font-size:12px;font-weight:950}.sc-field-input{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.55);padding:12px;outline:none;background:#fff;font-weight:900;color:#0f172a}.sc-field-input:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb24}.sc-field-input--error{border-color:#ef44448c;box-shadow:0 0 0 3px #ef44441f}.sc-field-error{color:#b91c1c;font-size:12px;font-weight:900}@media(max-width:980px){.sc-layout{grid-template-columns:1fr}.sc-nav{display:none}.sc-mobile-tabs{display:flex}.sc-grid{grid-template-columns:1fr}}@media(max-width:520px){.sc-page{padding:14px}.sc-title{font-size:24px}.sc-topbar{top:6px}.sc-info-grid{grid-template-columns:1fr}.sc-shell{padding:12px}.sc-layout{gap:12px}.sc-topbar{padding:10px}.sc-tab{padding:8px 10px}.sc-card-head{padding:14px 14px 10px}.sc-card-body{padding:0 14px 14px}}@keyframes sc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .sc-shell{background:transparent}html[data-theme=dark] .sc-page{background:radial-gradient(900px 500px at 20% -10%,rgba(96,165,250,.16),transparent 60%),radial-gradient(900px 500px at 80% 0%,rgba(34,211,238,.1),transparent 55%),linear-gradient(180deg,#020617,#0b1220 60%,#0b1022)}html[data-theme=dark] .sc-title{color:#e5e7eb}html[data-theme=dark] .sc-subtitle{color:#94a3b8}html[data-theme=dark] .sc-save-pill--muted{background:#33415559;border-color:#334155b3;color:#e2e8f0}html[data-theme=dark] .sc-card{background:linear-gradient(145deg,#0f172a,#111827);border-color:#60a5fa38;box-shadow:0 18px 50px #0206178c}html[data-theme=dark] .sc-topbar{background:linear-gradient(180deg,#0206179e,#0206176b);border-color:#33415599}html[data-theme=dark] .sc-nav{background:#0f172a9e;border-color:#33415599;box-shadow:0 22px 70px #020617a6}html[data-theme=dark] .sc-nav-head{border-bottom-color:#33415599;background:linear-gradient(135deg,rgba(96,165,250,.14),transparent 55%)}html[data-theme=dark] .sc-nav-h1{color:#e5e7eb}html[data-theme=dark] .sc-nav-h2{color:#94a3b8}html[data-theme=dark] .sc-nav-foot{background:linear-gradient(180deg,#0f172aa6,#0f172a8c);border-top-color:#33415599}html[data-theme=dark] .sc-nav-item{color:#e5e7eb}html[data-theme=dark] .sc-nav-item:hover{background:#60a5fa1f}html[data-theme=dark] .sc-nav-dot{background:#94a3b88c}html[data-theme=dark] .sc-mobile-tabs .sc-tab{background:#0f172a9e;border-color:#334155b3;color:#e5e7eb}html[data-theme=dark] .sc-tab--active{background:#60a5fa29;border-color:#60a5fa57;color:#bfdbfe}html[data-theme=dark] .sc-card-title h2,html[data-theme=dark] .sc-row-label,html[data-theme=dark] .sc-info-title,html[data-theme=dark] .sc-info-v{color:#e5e7eb}html[data-theme=dark] .sc-row-desc,html[data-theme=dark] .sc-info-k{color:#94a3b8}html[data-theme=dark] .sc-info{background:#0f172a8c;border-color:#334155b3}html[data-theme=dark] .sc-btn--ghost{background:#0f172a;border-color:#334155e6;color:#e2e8f0}html[data-theme=dark] .sc-switch{border-color:#334155e6;background:#1e293be6}html[data-theme=dark] .sc-switch--on{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#60a5fa73}html[data-theme=dark] .sc-dangerzone{border-color:#f8717138;background:#f8717114}html[data-theme=dark] .sc-link{color:#93c5fd}html[data-theme=dark] .sc-link:hover{background:#60a5fa24}html[data-theme=dark] .sc-session-card{background:#0f172a8c;border-color:#334155b3}html[data-theme=dark] .sc-session-title,html[data-theme=dark] .sc-session-meta strong{color:#e5e7eb}html[data-theme=dark] .sc-session-meta span{color:#94a3b8}html[data-theme=dark] .sc-modal{background:linear-gradient(145deg,#0f172a,#111827);border-color:#60a5fa38}html[data-theme=dark] .sc-modal-title{color:#e5e7eb}html[data-theme=dark] .sc-modal-subtitle{color:#94a3b8}html[data-theme=dark] .sc-modal-close{background:#0f172abf;border-color:#334155e6;color:#e2e8f0}html[data-theme=dark] .sc-modal-note{background:#0f172a8c;border-color:#334155b3;color:#e2e8f0}html[data-theme=dark] .sc-field-label{color:#e5e7eb}html[data-theme=dark] .sc-field-input{background:#0f172aa6;border-color:#334155e6;color:#e5e7eb}html[data-theme=dark] .sc-divider{background:#3341558c}html[data-theme=dark] .sc-empty-title{color:#e5e7eb}html[data-theme=dark] .sc-empty-sub{color:#94a3b8}html[data-theme=dark] .sc-device-card{background:#0f172a8c;border-color:#334155b3}html[data-theme=dark] .sc-device-title,html[data-theme=dark] .sc-device-meta strong{color:#e5e7eb}html[data-theme=dark] .sc-device-meta span,html[data-theme=dark] .sc-device-hint,html[data-theme=dark] .sc-device-ip span{color:#94a3b8}html[data-theme=dark] .sc-device-ip strong{color:#e2e8f0}@keyframes sc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logo-brand{display:inline-flex;flex-direction:column;align-items:center;text-align:center;color:var(--primary)}.logo-link{text-decoration:none;color:inherit}.logo-img{display:block;height:auto;max-width:140px;object-fit:contain}.logo-compact .logo-img{max-width:100px}.logo-fallback{display:none;flex-direction:column;align-items:center;gap:.5rem}.logo-fallback-visible .logo-fallback{display:flex}.logo-fallback-visible .logo-img{display:none}.logo-svg{flex-shrink:0}.logo-tagline{font-size:1rem;font-weight:700;color:var(--primary);white-space:nowrap;letter-spacing:-.01em}.logo-compact .logo-tagline{font-size:.8125rem}.payment-top-header .logo-brand,.payment-inline-header .logo-brand,.dashboard-header .logo-brand{flex-direction:row;gap:.5rem}.payment-top-header .logo-img,.payment-inline-header .logo-img,.dashboard-header .logo-img{max-width:120px;max-height:40px}.payment-top-header .logo-fallback,.payment-inline-header .logo-fallback,.dashboard-header .logo-fallback{flex-direction:row;align-items:center;gap:.5rem}.payment-top-header .logo-tagline,.payment-inline-header .logo-tagline,.dashboard-header .logo-tagline{font-size:.9375rem}.payment-inline-header .logo-brand{color:var(--primary)}.sidebar .logo-brand{padding:0 1rem 1rem;color:#fffffff2}.sidebar .logo-link{color:inherit}.sidebar .logo-img{max-width:100%;max-height:48px;filter:brightness(0) invert(1)}.sidebar .logo-tagline{font-size:.75rem;white-space:normal;text-align:center;line-height:1.2}.login-page{height:100vh;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:400px 1fr;background-image:url(/bg-gradient.png);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.login-left-panel{background:linear-gradient(160deg,var(--sidebar-blue) 0%,#244e78 50%,var(--primary) 100%);color:#fff;display:flex;flex-direction:column;padding:2rem 2rem 1.5rem;position:relative;overflow:hidden}.login-left-panel:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}.login-left-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(224,242,247,.1) 0%,transparent 70%);bottom:-60px;left:-60px;pointer-events:none}.login-left-top{position:relative;z-index:1}.login-left-top .logo-img{max-width:120px}.login-left-top .logo-brand{font-size:1.6rem}.login-left-top .logo-tagline{color:#fff}.login-left-middle{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.login-left-title{font-size:1.75rem;font-weight:800;line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}.login-left-desc{font-size:.9rem;color:#ffffffa6;line-height:1.5;margin:0 0 1.75rem}.login-features{display:flex;flex-direction:column;gap:.85rem}.login-feature-item{display:flex;align-items:center;gap:.85rem;padding:.6rem 0}.login-feature-icon{width:40px;height:40px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.login-feature-label{display:block;font-size:.9rem;font-weight:600}.login-feature-sub{display:block;font-size:.78rem;color:#ffffff80;margin-top:.1rem}.login-left-bottom{position:relative;z-index:1}.login-left-signup{font-size:.85rem;color:#ffffff8c;margin:0}.login-left-link{color:var(--bg-gradient-start);font-weight:600;text-decoration:none;transition:color .15s ease}.login-left-link:hover{color:#fff;text-decoration:underline}.login-right-panel{display:flex;align-items:center;justify-content:center;padding:2rem 3rem;overflow-y:auto;background:var(--white)}.login-form-wrapper{width:100%;max-width:420px}.login-right-header{margin-bottom:1.5rem}.login-right-title{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin:0 0 .3rem}.login-right-sub{font-size:.875rem;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input-block{display:grid;gap:.3rem}.login-label{font-size:.78rem;font-weight:600;color:var(--text-dark)}.login-input-with-icon{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:.55rem;padding:.15rem .65rem;transition:border-color .15s ease,box-shadow .15s ease}.login-input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.login-input-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.login-input-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;color:#64748b;flex-shrink:0;font-size:.75rem}.login-premium-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:.7rem 0!important;border-radius:10px!important;font-size:.85rem!important;flex:1;min-width:0}.login-password-toggle{border:none;background:transparent;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;width:24px;flex-shrink:0;font-size:1rem;transition:color .15s ease}.login-password-toggle:hover{color:var(--text-dark)}.login-field-error{font-size:.72rem;font-weight:600;color:#dc2626}.login-options-row{display:flex;align-items:center;justify-content:space-between}.login-remember{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-dark);cursor:pointer}.login-remember input{width:1rem;height:1rem;accent-color:var(--primary)}.login-forgot{border:none;background:transparent;color:var(--primary);font-size:.8125rem;font-weight:600;cursor:pointer;padding:0}.login-forgot:hover{text-decoration:underline}.login-submit-btn{width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;border-radius:10px;letter-spacing:.02em;margin-top:.25rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.login-btn-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;display:inline-block;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{padding:.65rem .85rem;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-weight:700;font-size:.85rem;margin-bottom:.25rem}.login-success{padding:.65rem .85rem;border-radius:10px;border:1px solid #bbf7d0;background:#ecfdf5;color:#166534;font-weight:700;font-size:.85rem;margin-bottom:.25rem}.login-otp-hint{font-size:.8125rem;color:var(--text-muted);margin:0 0 .25rem;line-height:1.4}.login-otp-hint strong{color:var(--text-dark)}.login-change-email-btn{width:100%;padding:.6rem 1rem;font-size:.85rem;font-weight:600;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.login-change-email-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--primary)}.login-change-email-btn:disabled{opacity:.55;cursor:not-allowed}.login-signup-prompt{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.login-signup-link{color:var(--primary);font-weight:600;text-decoration:none}.login-signup-link:hover{text-decoration:underline}@media(max-width:1024px){.login-page{grid-template-columns:320px 1fr}.login-left-title{font-size:1.4rem}.login-right-panel{padding:1.5rem 2rem}}@media(max-width:768px){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.login-left-panel{padding:1.25rem 1.5rem;flex-direction:row;align-items:center;gap:1rem}.login-left-panel:before,.login-left-panel:after{display:none}.login-left-middle{flex:1;justify-content:center}.login-left-title{font-size:1.1rem;margin-bottom:.15rem}.login-left-desc,.login-features,.login-left-bottom{display:none}.login-right-panel{padding:1.25rem 1rem;align-items:flex-start}.login-right-title{font-size:1.2rem}.login-signup-mobile{display:block}}@media(max-width:480px){.login-left-panel{padding:1rem}.login-right-panel{padding:1rem .75rem}.login-submit-btn,.login-premium-input{min-height:44px}}.registration-page{height:100vh;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:400px 1fr;background-image:url(/bg-gradient.png);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.reg-left-panel{background:linear-gradient(160deg,var(--sidebar-blue) 0%,#244e78 50%,var(--primary) 100%);color:#fff;display:flex;flex-direction:column;padding:2rem 2rem 1.5rem;position:relative;overflow:hidden}.reg-left-panel:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}.reg-left-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(224,242,247,.1) 0%,transparent 70%);bottom:-60px;left:-60px;pointer-events:none}.reg-left-top{position:relative;z-index:1}.reg-left-top .logo-img{max-width:120px}.reg-left-top .logo-brand{font-size:1.6rem}.reg-left-top .logo-tagline{color:#fff}.reg-left-middle{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.reg-left-title{font-size:1.75rem;font-weight:800;line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}.reg-left-desc{font-size:.9rem;color:#ffffffa6;line-height:1.5;margin:0 0 2rem}.reg-stepper{display:flex;flex-direction:column;gap:0}.reg-stepper-item{display:flex;align-items:center;gap:.85rem;padding:.6rem 0;opacity:.45;transition:opacity .25s ease}.reg-stepper-item.active{opacity:1}.reg-stepper-item.done{opacity:.75}.reg-stepper-dot{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;transition:all .25s ease}.reg-stepper-item.active .reg-stepper-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #2563eb4d}.reg-stepper-item.done .reg-stepper-dot{background:var(--green);border-color:var(--green)}.reg-stepper-line{width:2px;height:24px;background:#ffffff26;margin-left:17px}.reg-stepper-info{display:flex;flex-direction:column}.reg-stepper-label{font-size:.9rem;font-weight:600}.reg-stepper-sub{font-size:.78rem;color:#ffffff80;margin-top:.1rem}.reg-left-bottom{position:relative;z-index:1}.reg-left-login{font-size:.85rem;color:#ffffff8c;margin:0}.reg-left-link{color:var(--bg-gradient-start);font-weight:600;text-decoration:none;transition:color .15s ease}.reg-left-link:hover{color:#fff;text-decoration:underline}.reg-right-panel{display:flex;flex-direction:column;padding:2rem 3rem;overflow-y:auto;overflow-x:hidden;background:var(--white);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.reg-right-panel::-webkit-scrollbar{width:5px}.reg-right-panel::-webkit-scrollbar-track{background:transparent}.reg-right-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.reg-right-header{margin-bottom:1.25rem}.reg-right-title{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin:0 0 .3rem}.reg-right-sub{font-size:.875rem;color:var(--text-muted);margin:0}.reg-step-content{flex:1;display:flex;flex-direction:column}.reg-switch{display:grid;grid-template-columns:1fr;gap:.3rem;margin-bottom:1rem}.reg-switch-label{font-size:.8125rem;font-weight:600;color:var(--text-dark)}.reg-switch-control{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:10px;background:var(--white);padding:.55rem .75rem;transition:border-color .15s ease}.reg-switch-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.reg-switch-icon{font-size:1rem}.reg-switch-select{width:100%;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text-dark);cursor:pointer}.reg-section-compact{margin-bottom:.85rem}.reg-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.reg-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.reg-input-block{display:grid;gap:.25rem}.reg-label{font-size:.78rem;font-weight:600;color:var(--text-dark)}.reg-input-with-icon{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:.55rem;padding:.15rem .65rem;transition:border-color .15s ease,box-shadow .15s ease}.reg-input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.reg-input-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.reg-input-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;color:#64748b;flex-shrink:0;font-size:.75rem}.reg-premium-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:.6rem 0!important;border-radius:10px!important;font-size:.85rem!important}.reg-field-error{font-size:.72rem;font-weight:600;color:#dc2626}.reg-next-btn{width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;border-radius:10px;margin-top:.75rem;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}.reg-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.kyc-upload-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--card-shadow)}.kyc-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kyc-shield{font-size:1.75rem}.kyc-card-title{font-size:1rem;font-weight:800;color:var(--text-dark);margin:0}.kyc-card-hint{font-size:.78rem;color:var(--text-muted);margin:.15rem 0 0}.reg-file-drop-wrapper{margin-top:.85rem}.reg-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem 1rem;border:2px dashed var(--bg-gradient-end);border-radius:12px;background:var(--bg-gradient-start);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease;position:relative}.reg-file-drop:hover{border-color:var(--primary);background:#dbeafe}.reg-file-icon{font-size:1.75rem}.reg-file-text{font-size:.85rem;font-weight:600;color:var(--text-dark)}.reg-file-hint{font-size:.72rem;color:#94a3b8}.reg-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.reg-terms{margin-bottom:.75rem;font-size:.8125rem;color:var(--text-dark)}.reg-submit-error{padding:.65rem .85rem;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-weight:700;font-size:.85rem;margin-bottom:.75rem}.reg-submit-success{padding:.65rem .85rem;border-radius:10px;border:1px solid #bbf7d0;background:#ecfdf5;color:#166534;font-weight:700;font-size:.85rem;margin-bottom:.75rem}.reg-nav-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.reg-back-btn{padding:.7rem 1.25rem;font-size:.85rem;font-weight:600;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--text-dark);cursor:pointer;transition:background .15s ease,border-color .15s ease}.reg-back-btn:hover{background:#f1f5f9;border-color:var(--primary)}.reg-submit-btn{width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;border-radius:10px;letter-spacing:.02em;margin-top:.5rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.reg-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.reg-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.reg-btn-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;display:inline-block;animation:reg-spin .6s linear infinite;margin-right:.4rem}@keyframes reg-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.registration-page{grid-template-columns:320px 1fr}.reg-left-title{font-size:1.4rem}.reg-right-panel{padding:1.5rem 2rem}}@media(max-width:768px){.registration-page{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.reg-left-panel{padding:1.25rem 1.5rem;flex-direction:row;align-items:center;gap:1rem}.reg-left-panel:before,.reg-left-panel:after{display:none}.reg-left-middle{flex:1;justify-content:center}.reg-left-title{font-size:1.1rem;margin-bottom:.15rem}.reg-left-desc,.reg-stepper,.reg-left-bottom{display:none}.reg-right-panel{padding:1.25rem 1rem;overflow-y:auto}.reg-right-title{font-size:1.2rem}}@media(max-width:480px){.reg-section-grid{grid-template-columns:1fr}.reg-left-panel{padding:1rem}.reg-right-panel{padding:1rem .75rem}.reg-next-btn,.reg-submit-btn,.reg-back-btn,.reg-switch-control,.reg-premium-input{min-height:44px}}.reg-referral-input-wrap{position:relative}.reg-referral-locked{background:#f1f5f9!important;color:#475569;cursor:not-allowed;padding-right:2.25rem}.reg-referral-lock-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.85rem;opacity:.75;pointer-events:none;line-height:1}.reg-referral-locked-hint{margin:.35rem 0 0;font-size:.75rem;font-weight:600;color:#64748b;line-height:1.35}.reg-referral-locked-wrap:focus-within{border-color:#cbd5e1;box-shadow:none}.plans-page{height:100vh;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1rem}.plans-page .plans-card{max-height:calc(100vh - 2rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.plans-page .plans-card::-webkit-scrollbar{display:none}.plans-card{max-width:1000px;padding:.875rem 1.75rem .6rem;background:url(/plans-bg.png) no-repeat center center;background-size:cover}.plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.24rem}.plans-header .logo-img{max-width:67px}.plans-header .logo-svg{width:19px;height:19px}.plans-nav{display:flex;gap:1.5rem}.nav-link{color:var(--text-dark);text-decoration:none;font-size:.9375rem}.nav-link:hover{color:var(--primary)}.plans-title{font-size:1.5rem;font-weight:700;color:#1e3a8a;text-align:center;margin-bottom:.25rem}.plans-subtitle{font-size:.875rem;color:var(--text-muted);text-align:center;margin-bottom:.75rem}.toggle-wrap{display:flex;justify-content:center;margin-bottom:1rem}.toggle-wrap>.toggle-inner{display:inline-flex;background:var(--white);border:1px solid var(--border);border-radius:9999px;padding:4px}.toggle-btn{padding:.5rem 1.25rem;border:none;border-radius:9999px;font-size:.9375rem;font-weight:500;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.toggle-btn.active{background:linear-gradient(135deg,var(--primary),#3b82f6);color:var(--white)}.save-badge{background:var(--green);color:var(--white);font-size:.75rem;padding:.2rem .5rem;border-radius:9999px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.6rem}.pricing-card{background:url(/pricing-card-bg.png) no-repeat center center;background-size:cover;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:1.25rem;box-shadow:0 4px 24px #2563eb14;display:flex;flex-direction:column;align-items:center;text-align:center}.pricing-card-header{margin-bottom:.5rem}.pricing-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:.5rem}.pricing-icon svg{width:24px;height:24px}.pricing-icon-person{background:#dbeafe;color:var(--primary)}.pricing-icon-star{background:#fef3c7;color:#d97706}.pricing-icon-diamond{background:#ede9fe;color:var(--purple)}.pricing-name{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:.2rem}.pricing-tag{font-size:.8125rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500}.pricing-tag-blue{background:#dbeafe;color:var(--primary)}.pricing-tag-orange{background:#ffedd5;color:var(--orange)}.pricing-price{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.pricing-price span{font-size:.875rem;font-weight:400;color:var(--text-muted)}.pricing-yearly-note{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted);margin-top:.15rem}.pricing-features{list-style:none;text-align:left;width:100%;margin-bottom:.75rem;padding-left:0}.pricing-features li{font-size:.8125rem;color:var(--text-dark);padding:.2rem 0 .2rem 1.1rem;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--primary)}.pricing-cta{width:100%}.support-section-wrap{display:flex;justify-content:center;margin-top:1rem;padding:0 1rem}.support-box{max-width:750px;width:100%;background:url(/support-banner-bg.png) no-repeat center center;background-size:cover;border-radius:14px;padding:1.75rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.06)}.support-box p{font-size:.9375rem;color:var(--text-dark);margin:0 0 1.25rem;line-height:1.5}.btn-contact-support{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:inline-block;transition:background .2s}.btn-contact-support:hover{background:var(--primary-dark)}@media(max-width:1024px){.plans-page{padding:.875rem}.plans-card{width:100%;max-width:940px;padding:.75rem 1.2rem .6rem}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}@media(max-width:768px){.plans-page{height:auto;min-height:100vh;overflow:auto;align-items:flex-start;padding:.75rem}.plans-page .plans-card{max-height:none}.plans-header{flex-wrap:wrap;gap:.75rem}.plans-nav{width:100%;flex-wrap:wrap;gap:.75rem}.support-box{padding:1.1rem}}@media(max-width:640px){.plans-header{flex-wrap:wrap;gap:1rem}.plans-nav{order:3;width:100%}}@media(max-width:480px){.plans-page{padding:.5rem}.plans-card{padding:.65rem .75rem}.plans-title{font-size:1.25rem}.toggle-btn,.pricing-cta .btn,.btn-contact-support{min-height:44px}}.payment-page-wrap{height:100vh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(180deg,#e8f4fc,#b8d9f0,#7eb8e0)}.payment-content-area{flex:1;min-height:0;overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.payment-content-area .card-container.payment-card{background:transparent;flex:1;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:1100px;border-radius:0;box-shadow:none}.payment-card{width:100%;padding:0;border-radius:14px;display:flex;flex-direction:column;flex:1;min-height:0}.payment-inline-header{display:flex;align-items:center;justify-content:space-between;min-height:60px;height:60px;padding:0 24px;background:#fff;flex-shrink:0;border-radius:14px 14px 0 0;box-shadow:0 2px 8px #0000000f}.payment-inline-header .payment-nav-logo{display:flex;align-items:center;flex-shrink:0}.payment-inline-header .logo-white-box .logo-link{display:inline-flex;background:#fff;border-radius:8px;padding:6px;box-shadow:0 1px 3px #0000001a}.payment-inline-header .logo-white-box .logo-brand{color:#1e3a5f;display:inline-flex;align-items:center;justify-content:center}.payment-inline-header .logo-white-box .logo-img{max-width:36px;max-height:36px}.payment-inline-header .logo-white-box .logo-svg{color:#1e3a5f}.payment-nav-center{display:flex;align-items:center;justify-content:center;flex:1}.payment-nav{display:flex;align-items:center;gap:24px}.payment-nav .nav-link{color:#1f2937;text-decoration:none;font-size:.9375rem;font-weight:500}.payment-nav .nav-link:hover{color:#2f6df6}.payment-inline-header .btn-primary{background:#2f6df6;color:#fff;border:none;border-radius:20px;padding:6px 16px;font-weight:600;font-size:.875rem}.payment-inline-header .btn-primary:hover{background:#2563eb}.payment-banner{text-align:center;padding:1.25rem 0 1.5rem;flex-shrink:0;background:linear-gradient(135deg,#2e6db5,#4a8fd4,#5b9ed9)}.payment-banner h1{font-size:1rem;font-weight:600;color:#fff;margin:0;display:inline-block;background:#7eb8e8e6;padding:12px 28px;border-radius:30px}.payment-banner p{font-size:.875rem;color:#fff;margin:.5rem 0 0}.payment-main-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:0 4px 24px #0000001a}.payment-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;flex:1;min-height:0;overflow:auto;padding:24px;scrollbar-width:none;-ms-overflow-style:none}.payment-layout::-webkit-scrollbar{display:none}.plan-summary{border:none;border-radius:12px;padding:20px;margin-bottom:1.5rem;background:#fff;box-shadow:0 1px 3px #00000014}.plan-summary-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-info{display:flex;align-items:center;gap:.75rem}.plan-avatar{width:40px;height:40px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.plan-info h3{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.plan-badge{font-size:.8125rem;color:#6b7280}.star-yellow{color:#eab308}.plan-price-block{text-align:right}.plan-price{display:block;font-size:1rem;font-weight:600;color:#1f2937}.btn-change{background:none;border:none;color:#2f6df6;font-size:.875rem;cursor:pointer;margin-top:.25rem;padding:0}.plan-billing-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.plan-rows-box{display:flex;flex-direction:column;gap:.25rem}.plan-row{display:flex;justify-content:space-between;font-size:.875rem;color:#1f2937;padding:.2rem 0}.total-box{border-left:1px solid #e5e7eb;padding-left:1rem}.total-label{font-weight:600;font-size:.9375rem;color:#1f2937}.save-msg{font-size:.8125rem;color:#2f6df6;margin-top:.25rem}@media(max-width:600px){.plan-billing-row{grid-template-columns:1fr}.total-box{border-left:none;border-top:1px solid #e5e7eb;padding-left:0;padding-top:.75rem}}.order-summary-side{align-self:start}.order-summary-box{border:none;border-radius:12px;padding:18px;background:#fff;box-shadow:0 1px 3px #00000014;width:280px;box-sizing:border-box}.order-row{font-size:.875rem;color:#1f2937;padding:.35rem 0;border-bottom:1px solid #e5e7eb}.order-total{font-weight:700;border-bottom-width:2px!important}.payment-logos{display:flex;gap:.5rem;margin:1rem 0;font-size:.75rem;color:#6b7280}.btn-pay-now{width:100%;margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#2f6df6;color:#fff;border:none;border-radius:10px;padding:.625rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer}.btn-pay-now:hover{background:#2563eb}.btn-cart-icon{font-size:1rem}.btn-amount{font-weight:700}.payment-details-section{margin-bottom:1rem}.payment-details-section h2{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.payment-tabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;padding:2px;background:#f9fafb}.payment-tab{padding:.5rem 1rem;border:none;background:transparent;font-size:.875rem;color:#4b5563;cursor:pointer;border-radius:8px}.payment-tab:first-of-type.active{border-radius:8px 0 0 8px}.payment-tab.active{color:#fff;font-weight:600;background:#2f6df6}.card-form{display:flex;flex-direction:column;gap:.75rem}.card-form .input{border-radius:10px;border:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.875rem}.card-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-logos-inline{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1f2937;cursor:pointer}.checkbox-label input{accent-color:#2f6df6}.payment-bottom-bar{height:60px;min-height:60px;padding:0 24px;background:#2f6df6;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;flex-shrink:0;box-shadow:0 -2px 8px #0000001a;border-radius:0 0 14px 14px}.payment-bottom-bar .bottom-bar-cart{margin-right:.5rem}.payment-amount{font-size:1.125rem}@media(max-width:1024px){.payment-content-area{padding:1rem .75rem}.payment-inline-header{padding:0 14px}.payment-nav{gap:14px}.payment-layout{padding:16px}}@media(max-width:900px){.payment-layout{grid-template-columns:1fr}.order-summary-side{order:-1}.order-summary-box{width:100%}}@media(max-width:768px){.payment-page-wrap{height:auto;min-height:100vh;overflow:auto}.payment-inline-header{height:auto;min-height:0;padding:10px 12px;gap:10px;flex-wrap:wrap}.payment-nav-center{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.payment-nav{min-width:max-content}.payment-banner{padding:1rem .75rem 1.15rem}.payment-banner h1{padding:10px 18px}.payment-bottom-bar{padding:0 12px}}@media(max-width:480px){.payment-content-area{padding:.5rem}.payment-layout{padding:12px;gap:1rem}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px}.payment-tab{min-height:42px}.card-form-row{grid-template-columns:1fr}.btn-pay-now,.payment-inline-header .btn-primary{min-height:44px}.payment-bottom-bar{gap:8px;font-size:.9rem}.payment-amount{font-size:1rem}}.admin-invite-modal-sub{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.45}.admin-invite-form{display:grid;gap:12px;margin-bottom:8px}.admin-invite-label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#0f172a}.admin-invite-input{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.55);padding:10px 12px;font-size:14px}.admin-invite-error{color:#b91c1c;font-size:12px;font-weight:600}.admin-invite-link-btn{background:none;border:none;color:#2563eb;font-size:13px;font-weight:700;cursor:pointer;text-align:left;padding:0}.admin-invite-accept-page{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#f8fbff,#eef2ff 40%,#fff)}.admin-invite-accept-card{width:100%;max-width:480px;background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:16px;padding:24px;box-shadow:0 20px 50px #0f172a1f}.admin-invite-accept-logo{display:flex;justify-content:center;margin-bottom:16px}.admin-invite-accept-card h1{margin:0 0 8px;font-size:22px}.admin-invite-accept-muted{margin:0 0 12px;color:#64748b;font-size:14px}.admin-invite-accept-email{margin:0 0 16px;font-size:14px}.admin-invite-accept-role{color:#64748b;font-weight:600}.admin-invite-accept-error{color:#b91c1c;font-weight:600;margin-bottom:16px}.admin-invite-accept-form{display:grid;gap:12px}.admin-invite-accept-submit{margin-top:4px;border:none;border-radius:12px;padding:12px 14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);cursor:pointer}.admin-invite-accept-submit:disabled{opacity:.6;cursor:not-allowed}.admin-invite-accept-link{color:#2563eb;font-weight:700}.users-invite-admin-btn{border:none;border-radius:10px;padding:10px 14px;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);cursor:pointer;white-space:nowrap}.users-invite-admin-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.users-controls-right{flex-wrap:wrap}.users-invite-admin-btn{width:100%}}:root{--bg-gradient-start: #e0f2f7;--bg-gradient-end: #b8d4e3;--primary: #2563eb;--primary-dark: #1d4ed8;--sidebar-blue: #1e3a5f;--sidebar-active: #2d4a6f;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--text-dark: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--white: #ffffff;--orange: #f97316;--purple: #8b5cf6;--teal: #14b8a6;--green: #22c55e}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/bg-gradient.png);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;min-height:100vh}html[data-theme=dark] body{background-image:radial-gradient(circle at 15% 20%,#1e293b 0%,transparent 45%),radial-gradient(circle at 80% 10%,#1d4ed8 0%,transparent 35%),linear-gradient(160deg,#0b1220,#0f172a 45%,#111827);color:#e5e7eb}html[data-theme=dark] .card-container{background:#111827;box-shadow:0 8px 26px #00000080}html[data-theme=dark] .input{background:#0f172a;border-color:#334155;color:#e2e8f0}html[data-theme=dark] .input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}html[data-theme=dark] .home-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .settings-card{background:linear-gradient(145deg,#0f172a,#111827)!important;border-color:#60a5fa3d!important;box-shadow:0 10px 28px #0206178c!important}html[data-theme=dark] .search-input{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}html[data-theme=dark] .open-btn{background:#1e293b!important;color:#bfdbfe!important;border-color:#334155!important}#root{min-height:100vh}.page-gradient{min-height:100vh;padding:2rem}.card-container{background:var(--white);border-radius:16px;box-shadow:var(--card-shadow);max-width:1200px;margin:0 auto;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:background .2s,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb52}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.9375rem;background:var(--white)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33}.link{color:var(--primary);text-decoration:none;font-size:.875rem}.link:hover{text-decoration:underline}.logo-brand{color:var(--primary)}@media(max-width:1024px){.page-gradient{padding:1.5rem}.card-container{border-radius:14px}}@media(max-width:768px){.page-gradient{padding:1rem}.btn{min-height:42px}}@media(max-width:480px){.page-gradient{padding:.75rem}.card-container{border-radius:12px}.btn{min-height:44px;padding:.7rem 1rem}.input{font-size:.9rem;padding:.7rem .85rem}}