body{background:#0b1437!important;color:#e2e8f0}.sa-login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.sa-login-card{background:#1e2761;border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(34,211,238,.1)}.sa-login-card h1{font-family:Fraunces,Georgia,serif;font-size:1.75rem;color:#f8fafc;margin-bottom:.25rem}.sa-login-card .sub{font-size:.85rem;color:#22d3ee;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.75rem}.sa-fg{margin-bottom:1rem}.sa-fg label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sa-fg input{width:100%;padding:.65rem .85rem;background:#0b1437;border:1px solid rgba(34,211,238,.2);border-radius:10px;color:#e2e8f0;font-size:.95rem;outline:none;transition:border-color .2s}.sa-fg input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1a}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .15s}.sa-btn-primary{background:#f59e0b;color:#0b1437;width:100%}.sa-btn-primary:hover{background:#d97706;transform:translateY(-1px)}.sa-btn-primary:disabled{background:#475569;cursor:not-allowed;transform:none}.sa-btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:8px}.sa-btn-green{background:#059669;color:#fff}.sa-btn-green:hover{background:#047857}.sa-btn-red{background:#dc2626;color:#fff}.sa-btn-red:hover{background:#b91c1c}.sa-btn-amber{background:#d97706;color:#fff}.sa-btn-amber:hover{background:#b45309}.sa-btn-cyan{background:#1c7293;color:#fff}.sa-btn-cyan:hover{background:#065a82}.sa-btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(34,211,238,.15)}.sa-btn-ghost:hover{background:#22d3ee0d;color:#e2e8f0}.sa-error{background:#dc262626;color:#fca5a5;padding:.6rem .85rem;border-radius:10px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(220,38,38,.2)}.sa-success{background:#05966926;color:#6ee7b7;padding:.6rem .85rem;border-radius:10px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(5,150,105,.2)}.sa-layout{display:flex;min-height:100vh}.sa-sidebar{width:260px;background:#1e2761;border-right:1px solid rgba(34,211,238,.08);padding:1.5rem 0;flex-shrink:0;display:flex;flex-direction:column}.sa-sidebar-brand{padding:0 1.5rem;margin-bottom:2rem}.sa-sidebar-brand h2{font-family:Fraunces,Georgia,serif;font-size:1.2rem;color:#f8fafc}.sa-sidebar-brand small{font-size:.7rem;color:#22d3ee;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.sa-nav-section{padding:0 .75rem;margin-bottom:.5rem}.sa-nav-section-label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.12em;padding:0 .75rem;margin-bottom:.35rem;font-weight:600}.sa-nav-item{padding:.55rem .85rem;cursor:pointer;font-size:.875rem;color:#94a3b8;transition:all .15s;display:flex;align-items:center;gap:.65rem;border-radius:8px;margin:0 .75rem 2px}.sa-nav-item:hover{background:#22d3ee0f;color:#e2e8f0}.sa-nav-item.active{background:#22d3ee1a;color:#22d3ee;font-weight:600}.sa-nav-item svg{width:18px;height:18px;flex-shrink:0}.sa-spacer{flex:1}.sa-main{flex:1;padding:2rem 2.5rem;overflow-y:auto;max-height:100vh}.sa-main h1{font-family:Fraunces,Georgia,serif;font-size:1.75rem;margin-bottom:1.5rem;color:#f8fafc}.sa-main h3{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#f8fafc}.sa-card{background:#1e2761;border-radius:14px;padding:1.25rem;margin-bottom:1rem;border:1px solid rgba(34,211,238,.08)}.sa-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sa-stat{background:#1e2761;border-radius:14px;padding:1.25rem;border:1px solid rgba(34,211,238,.08)}.sa-stat .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sa-stat .value{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-top:.25rem}.sa-stat .sub{font-size:.8rem;color:#64748b;margin-top:.15rem}.sa-stat .trend-up{color:#34d399;font-size:.8rem;font-weight:600}.sa-stat .trend-down{color:#f87171;font-size:.8rem;font-weight:600}.sa-table-wrap{overflow-x:auto}.sa-card table,.sa-table-wrap table{width:100%;border-collapse:collapse}.sa-card th,.sa-table-wrap th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:.65rem .85rem;border-bottom:1px solid rgba(34,211,238,.08);font-weight:600}.sa-card td,.sa-table-wrap td{padding:.65rem .85rem;border-bottom:1px solid rgba(34,211,238,.04);font-size:.875rem}.sa-card tr:hover td,.sa-table-wrap tr:hover td{background:#22d3ee08}.sa-badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.sa-badge-green{background:#05966926;color:#34d399}.sa-badge-amber{background:#d9770626;color:#fbbf24}.sa-badge-red{background:#dc262626;color:#f87171}.sa-badge-cyan{background:#1c729326;color:#22d3ee}.sa-badge-purple{background:#8b5cf626;color:#c084fc}.sa-badge-gray{background:#64748b26;color:#94a3b8}.sa-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sa-detail-header .back{cursor:pointer;color:#94a3b8;transition:color .15s;padding:.25rem}.sa-detail-header .back:hover{color:#22d3ee}.sa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}.sa-field .label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sa-field .value{font-size:.95rem;color:#e2e8f0;margin-top:.15rem}.sa-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.sa-bar{height:8px;background:#22d3ee14;border-radius:999px;overflow:hidden;margin-top:.35rem}.sa-bar-fill{height:100%;border-radius:999px;transition:width .3s}.sa-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin:1rem 0}.sa-plan{background:#0b1437;border-radius:10px;padding:1rem;border:1px solid rgba(34,211,238,.08)}.sa-plan .name{font-size:.9rem;font-weight:700;color:#f8fafc}.sa-plan .price{font-size:1.25rem;font-weight:700;color:#22d3ee}.sa-plan .detail{font-size:.8rem;color:#64748b;margin-top:.25rem}.sa-chart{background:#0b1437;border-radius:10px;padding:1.25rem;border:1px solid rgba(34,211,238,.08);margin-bottom:1rem}.sa-chart-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding-top:.5rem}.sa-chart-bar{flex:1;background:#22d3ee4d;border-radius:4px 4px 0 0;transition:background .2s;min-width:0}.sa-chart-bar:hover{background:#22d3ee80}.sa-chart-labels{display:flex;gap:4px;margin-top:.35rem}.sa-chart-labels span{flex:1;text-align:center;font-size:.6rem;color:#64748b;min-width:0;overflow:hidden}.sa-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(34,211,238,.08);padding-bottom:0}.sa-tab{padding:.5rem 1rem;font-size:.85rem;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-weight:500}.sa-tab:hover{color:#e2e8f0}.sa-tab.active{color:#22d3ee;border-bottom-color:#22d3ee;font-weight:600}.sa-health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.sa-health-ok{background:#34d399;box-shadow:0 0 6px #34d39966}.sa-health-warn{background:#fbbf24;box-shadow:0 0 6px #fbbf2466}.sa-health-err{background:#f87171;box-shadow:0 0 6px #f8717166}@media (max-width:768px){.sa-layout{flex-direction:column}.sa-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:.75rem;border-right:none;border-bottom:1px solid rgba(34,211,238,.08)}.sa-sidebar-brand{display:none}.sa-nav-section{display:flex;gap:.25rem;margin:0;padding:0}.sa-nav-section-label{display:none}.sa-nav-item{margin:0;white-space:nowrap;font-size:.8rem;padding:.45rem .65rem}.sa-spacer{display:none}.sa-main{padding:1.25rem;max-height:none}.sa-stat-grid{grid-template-columns:1fr 1fr}.sa-detail-grid{grid-template-columns:1fr}}