.sa-app{--sa-bg:#070b16;--sa-bg-2:#0b1120;--sa-surface:#ffffff0a;--sa-surface-2:#ffffff0f;--sa-border:#ffffff14;--sa-border-strong:#ffffff24;--sa-text:#f1f5fb;--sa-text-dim:#ffffff9e;--sa-text-faint:#ffffff57;--sa-accent:#6366f1;--sa-accent-2:#8b5cf6;--sa-cyan:#22d3ee;--sa-green:#34d399;--sa-amber:#fbbf24;--sa-red:#fb7185;min-height:100vh;color:var(--sa-text);background:radial-gradient(1100px 540px at 12% -8%, #6366f12e, transparent 60%), radial-gradient(900px 520px at 100% 0%, #22d3ee1a, transparent 55%), linear-gradient(180deg, var(--sa-bg) 0%, var(--sa-bg-2) 100%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sa-app *,.sa-app :before,.sa-app :after{box-sizing:border-box}.sa-shell{flex-direction:column;min-height:100vh;display:flex}.sa-topbar{z-index:40;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sa-border);background:#080c17b8;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.sa-brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.sa-brand-mark{background:linear-gradient(135deg, var(--sa-accent), var(--sa-accent-2));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex;box-shadow:0 6px 18px #6366f173}.sa-brand-title{letter-spacing:-.01em;font-size:14px;font-weight:800;line-height:1.1}.sa-brand-sub{color:var(--sa-text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.sa-nav{flex:1;align-items:center;gap:4px;margin-left:8px;display:flex}.sa-navlink{color:var(--sa-text-faint);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.sa-navlink:hover{color:var(--sa-text);background:var(--sa-surface)}.sa-navlink.is-active{color:#fff;background:linear-gradient(135deg,#6366f147,#8b5cf633);border-color:#818cf866;box-shadow:0 4px 14px #6366f140}.sa-navlink svg{flex-shrink:0;width:16px;height:16px}.sa-account{flex-shrink:0;margin-left:auto;position:relative}.sa-account-btn{border:1px solid var(--sa-border);background:var(--sa-surface);color:var(--sa-text);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:5px 9px 5px 6px;transition:border-color .15s,background .15s;display:flex}.sa-account-btn:hover{border-color:var(--sa-border-strong);background:var(--sa-surface-2)}@media (max-width:639px){.sa-search-hint{display:none}}.sa-avatar{color:#fff;background:linear-gradient(135deg, var(--sa-accent), var(--sa-accent-2));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.sa-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12.5px;font-weight:700;overflow:hidden}.sa-menu{border:1px solid var(--sa-border-strong);z-index:50;background:#0e1525;border-radius:14px;min-width:210px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 48px #0000008c}.sa-menu-head{border-bottom:1px solid var(--sa-border);margin-bottom:4px;padding:10px 12px 8px}.sa-menu-item{width:100%;color:var(--sa-text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.sa-menu-item:hover{background:var(--sa-surface);color:var(--sa-text)}.sa-menu-item.danger:hover{color:var(--sa-red);background:#fb71851f}.sa-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:22px 20px 28px}@media (max-width:768px){.sa-content{padding:16px 14px 96px}}.sa-bottomnav{display:none}@media (max-width:768px){.sa-nav{display:none}.sa-bottomnav{z-index:45;-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--sa-border);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#080c17eb;display:flex;position:fixed;bottom:0;left:0;right:0}.sa-tab{color:var(--sa-text-faint);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 2px;font-size:10px;font-weight:700;display:flex}.sa-tab svg{width:20px;height:20px}.sa-tab.is-active{color:#a5b4fc}.sa-tab.is-active svg{filter:drop-shadow(0 0 6px #818cf8b3)}}.sa-card{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:16px;padding:18px}.sa-card-pad-0{padding:0}.sa-page-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.sa-page-sub{color:var(--sa-text-faint);margin-top:2px;font-size:13px}.sa-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--sa-text-faint);font-size:11px;font-weight:800}.sa-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.sa-kpi{border:1px solid var(--sa-border-strong);background:linear-gradient(135deg,#6366f133,#8b5cf614);border-radius:16px;padding:18px;position:relative;overflow:hidden}.sa-kpi.k-cyan{background:linear-gradient(135deg,#22d3ee33,#3b82f612)}.sa-kpi.k-green{background:linear-gradient(135deg,#34d39933,#10b9810f)}.sa-kpi.k-amber{background:linear-gradient(135deg,#fbbf2433,#f59e0b0f)}.sa-kpi.k-red{background:linear-gradient(135deg,#fb718533,#f43f5e0f)}.sa-kpi:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:999px;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.sa-kpi-label{color:var(--sa-text-dim);letter-spacing:.02em;font-size:11.5px;font-weight:700}.sa-kpi-value{letter-spacing:-.02em;margin-top:6px;font-size:27px;font-weight:800}.sa-kpi-foot{color:var(--sa-text-faint);margin-top:4px;font-size:11px}.sa-btn{border:1px solid var(--sa-border);background:var(--sa-surface);color:var(--sa-text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:700;transition:filter .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.sa-btn:hover{background:var(--sa-surface-2);border-color:var(--sa-border-strong)}.sa-btn:disabled{opacity:.55;cursor:not-allowed}.sa-btn-primary{color:#fff;background:linear-gradient(135deg, var(--sa-accent), var(--sa-accent-2));border:none;box-shadow:0 6px 18px #6366f166}.sa-btn-primary:hover{filter:brightness(1.08)}.sa-btn-danger{color:var(--sa-red);background:#fb718514;border-color:#fb718559}.sa-btn-danger:hover{background:#fb718529}.sa-btn-success{color:var(--sa-green);background:#34d39914;border-color:#34d39959}.sa-btn-success:hover{background:#34d39929}.sa-btn-sm{border-radius:9px;padding:6px 11px;font-size:12px}.sa-icon-btn{border:1px solid var(--sa-border);background:var(--sa-surface);width:34px;height:34px;color:var(--sa-text-dim);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sa-icon-btn:hover{color:var(--sa-text);border-color:var(--sa-border-strong);background:var(--sa-surface-2)}.sa-icon-btn.danger:hover{color:var(--sa-red);background:#fb71851a;border-color:#fb718559}.sa-badge{border:1px solid var(--sa-border-strong);color:var(--sa-text-dim);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.sa-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.sa-badge.b-green{color:var(--sa-green);background:#34d3991a;border-color:#34d39959}.sa-badge.b-amber{color:var(--sa-amber);background:#fbbf241a;border-color:#fbbf2459}.sa-badge.b-red{color:var(--sa-red);background:#fb71851a;border-color:#fb718559}.sa-badge.b-indigo{color:#a5b4fc;background:#818cf81a;border-color:#818cf859}.sa-badge.no-dot:before{display:none}.sa-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--sa-text-faint);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.sa-input,.sa-select,.sa-textarea{border:1px solid var(--sa-border);width:100%;color:var(--sa-text);background:#00000040;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.sa-input::placeholder,.sa-textarea::placeholder{color:var(--sa-text-faint)}.sa-input:focus,.sa-select:focus,.sa-textarea:focus{border-color:var(--sa-accent);box-shadow:0 0 0 3px #6366f138}.sa-select option{color:var(--sa-text);background:#0e1525}.sa-search{border:1px solid var(--sa-border);background:#00000040;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.sa-search:focus-within{border-color:var(--sa-accent);box-shadow:0 0 0 3px #6366f138}.sa-search input{color:var(--sa-text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:13px}.sa-search svg{width:16px;height:16px;color:var(--sa-text-faint);flex-shrink:0}.sa-toggle{cursor:pointer;flex-shrink:0;width:38px;height:22px;position:relative}.sa-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.sa-toggle-track{background:#ffffff24;border-radius:999px;width:38px;height:22px;transition:background .15s;display:block}.sa-toggle-knob{background:#fff;border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.sa-toggle input:checked+.sa-toggle-track{background:linear-gradient(135deg, var(--sa-accent), var(--sa-accent-2))}.sa-toggle input:checked+.sa-toggle-track+.sa-toggle-knob{left:19px}.sa-table-wrap{border:1px solid var(--sa-border);border-radius:16px;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%;font-size:13px}.sa-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--sa-text-faint);border-bottom:1px solid var(--sa-border);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:800}.sa-table td{border-bottom:1px solid var(--sa-border);color:var(--sa-text-dim);vertical-align:middle;padding:13px 14px}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr{transition:background .12s}.sa-table tbody tr:hover{background:var(--sa-surface)}.sa-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#03060eb3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sa-modal{border:1px solid var(--sa-border-strong);background:#0e1525;border-radius:18px;width:100%;max-width:460px;max-height:88vh;overflow-y:auto;box-shadow:0 30px 70px #0009}.sa-modal-head{border-bottom:1px solid var(--sa-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.sa-modal-title{font-size:16px;font-weight:800}.sa-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.sa-modal-foot{border-top:1px solid var(--sa-border);gap:10px;padding:16px 20px;display:flex}@media (max-width:600px){.sa-modal-overlay{align-items:flex-end;padding:0}.sa-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh}}.sa-alert{border-radius:11px;padding:11px 13px;font-size:12.5px;font-weight:600}.sa-alert-error{color:#fda4af;background:#fb71851a;border:1px solid #fb718540}.sa-alert-ok{color:#6ee7b7;background:#34d3991a;border:1px solid #34d39940}.sa-seg{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:12px;gap:3px;padding:4px;display:inline-flex}.sa-seg button{color:var(--sa-text-faint);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .15s}.sa-seg button.is-active{color:#fff;background:linear-gradient(135deg,#6366f152,#8b5cf638)}.sa-row{align-items:center;gap:10px;display:flex}.sa-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.sa-grid-2{grid-template-columns:1fr}}.sa-charts{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;display:grid}@media (max-width:768px){.sa-charts{grid-template-columns:1fr}}.sa-muted{color:var(--sa-text-faint)}.sa-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.sa-spin{border:3px solid #ffffff26;border-top-color:var(--sa-accent);border-radius:999px;width:26px;height:26px;animation:.7s linear infinite sa-rot}@keyframes sa-rot{to{transform:rotate(360deg)}}.sa-empty{color:var(--sa-text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.sa-skel{background:#ffffff0e;border-radius:8px;position:relative;overflow:hidden}.sa-skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.4s ease-in-out infinite sa-shimmer;position:absolute;inset:0}@keyframes sa-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.sa-skel:after{animation:none}}