:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg);--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: #e0e7ff;--color-primary-light: #dbeafe;--color-accent: #14b8a6;--color-accent-soft: #ecfeff;--color-bg: #F7F9FC;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-inverse: #ffffff;--color-success: #22c55e;--color-success-dark: #166534;--color-warning: #f59e0b;--color-warning-dark: #92400e;--color-error: #dc2626;--color-error-dark: #991b1b;--color-success-soft: #ecfdf5;--color-warning-soft: #fff7ed;--color-error-soft: #fef2f2;--color-ink: #0b1220;--brand-pill-bg: #2563eb;--brand-pill-fg: #ffffff;--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-secondary);--color-background: var(--color-bg);--color-secondary: var(--color-accent);--shadow-card: 0 10px 28px rgba(15, 23, 42, .12);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #1a2332;--color-border: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-inverse: #0f172a;--color-primary-soft: #1e3a5f;--color-primary-light: #1e3a5f;--color-accent-soft: #0f2b3d;--color-success-soft: #052e16;--color-success-dark: #4ade80;--color-warning-soft: #451a03;--color-warning-dark: #fbbf24;--color-error-soft: #450a0a;--color-error-dark: #f87171;--color-ink: #f8fafc;--brand-pill-bg: #ffffff;--brand-pill-fg: #0b1220;--shadow-card: 0 10px 28px rgba(0, 0, 0, .4)}html.dark body{background:#0f172a}html.dark .header{background:#1e293b;border-bottom-color:#334155}html.dark .loginContainer{background:#0f172a}html.dark .loginCard{background:#1e293b;border-color:#334155}html.dark .tab{background:#1e293b;color:#94a3b8;border-color:#334155}html.dark .tab:hover,html.dark .tab.active{background:#334155;color:#f1f5f9}html.dark .banner{background:#1a2332;border-color:#334155}html.dark .section{background:#1e293b;border-color:#334155}html.dark input,html.dark select,html.dark textarea{background:#1a2332;color:#f1f5f9;border-color:#475569}html.dark .muted{color:#94a3b8}html.dark .theme-toggle{border-color:#475569;color:#94a3b8}html.dark .theme-toggle:hover{background:#334155;border-color:#64748b;color:#f1f5f9}a{font-weight:600;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#eef2ff,#f8fafc 45%,#eef2f7)}#root{min-height:100vh}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:.95em;font-weight:600;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}button:hover{background-color:var(--color-primary-dark)}button:focus,button:focus-visible{outline:3px solid rgba(29,78,216,.25);outline-offset:2px}.theme-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border, #e2e8f0);background:transparent;color:var(--color-text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{background:var(--color-surface-alt, #f8fafc);border-color:var(--color-text-secondary, #94a3b8);color:var(--color-text-primary, #0f172a)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.brand-mark-light{display:block}.brand-mark-dark,html.dark .brand-mark-light{display:none}html.dark .brand-mark-dark{display:block}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:10000;padding:8px 16px;background:var(--color-primary, #2563eb);color:#fff;font-size:14px;text-decoration:none;border-radius:0 0 4px}.skip-to-content:focus{left:0}:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.sr-only,.sa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:18px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.auth-header{height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.auth-header-inner{width:100%;max-width:1152px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.auth-header-brand{display:flex;align-items:center;gap:10px}.auth-logo-pill{font-weight:700;font-size:18px;color:var(--brand-pill-fg);background:var(--brand-pill-bg);border-radius:999px;padding:4px 12px;line-height:1}.auth-logo-separator{color:var(--color-border)}.auth-logo-subtext{color:var(--color-text-secondary);font-size:16px}.title{font-size:24px;font-weight:700;color:var(--color-text);display:inline-flex;align-items:center}.header-brand-mark{width:20px;height:20px;margin-right:8px}.brandPill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--brand-pill-bg);color:var(--brand-pill-fg);font-weight:800;font-size:.92em;line-height:1;letter-spacing:.2px;margin-right:6px}.subtitle{color:var(--color-text-muted);font-size:13px}.health{text-align:right}.healthRow{display:inline-flex;align-items:center;gap:8px;font-weight:600}.healthText{font-size:13px;color:var(--color-text)}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.dotOk{background:var(--color-success)}.dotBad{background:var(--color-error)}.pageLayout{display:flex;gap:0;min-height:calc(100vh - 120px)}.sidebar{width:256px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:0;padding:12px 0;position:sticky;top:24px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto}.sidebarBrand{padding:16px 16px 12px;border-bottom:1px solid var(--color-border);margin-bottom:4px}.sidebarBrandRow{display:flex;align-items:center;gap:10px}.sidebarBrandText{display:flex;flex-direction:column}.sidebarBrandTitle{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--color-primary);line-height:1.2}.sidebarBrandSubtitle{font-size:12px;color:var(--color-text-secondary);line-height:1.2}.sidebarBrandHealth{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--color-text-muted)}.sidebarItemLabel{display:flex;align-items:center}.sidebarGroup{margin-bottom:4px}.sidebarGroupLabel{padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted)}.sidebarItem{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px;color:var(--color-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.sidebarItem:hover{background:var(--color-border)}.sidebarItemActive{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600}.sidebarBadge{background:var(--color-warning);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.sidebarBadgeError{background:#ef4444}.sidebarFooter{padding:12px 16px;border-top:1px solid var(--color-border);margin-top:8px;font-size:11px;color:var(--color-text-muted)}.mainContent{flex:1;min-width:0;padding-left:24px}.tabs{display:none;align-items:center;gap:10px;flex-wrap:wrap}.tabsRight{margin-left:auto}.tab{padding:8px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.tabActive{border-color:var(--color-primary-soft);background:var(--color-primary-soft);color:var(--color-primary-dark)}@media(max-width:768px){.pageLayout{flex-direction:column}.sidebar{display:none}.tabs{display:flex}.mainContent{padding-left:0}}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.control{display:flex;flex-direction:column;gap:6px}.control label{font-size:12px;color:var(--color-text-muted)}.control input,.control select,.control textarea{padding:10px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.tokenInput{padding:6px 10px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);width:220px}.textArea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.card{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card);animation:fadeUp .25s ease}.cardHeader{padding:16px 16px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cardTitle{font-weight:700;color:var(--color-text)}.tableWrap{width:100%;overflow:auto;padding:16px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border-bottom:1px solid var(--color-border);padding:10px;text-align:left;vertical-align:top;color:var(--color-text)}.table th{position:sticky;top:0;background:var(--color-surface-alt);z-index:1;font-weight:700}.tableInput{width:100%;min-width:160px;padding:6px 8px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13px}.json{margin:8px 0 0;padding:12px;border-radius:14px;background:var(--color-ink);color:var(--color-text-inverse);max-height:240px;overflow:auto}.summary{cursor:pointer;color:var(--color-primary);font-weight:600}.banner{border:1px solid #FCA5A5;background:#fef2f2;color:#991b1b;border-radius:8px;padding:12px 16px}html.dark .banner{background:#450a0a;border-color:#7f1d1d;color:#f87171}html.dark .banner.banner-warning{background:#451a03;border-color:#78350f;color:#fbbf24}html.dark .banner.banner-success{background:#052e16;border-color:#14532d;color:#4ade80}.banner.banner-warning{background:#fffbeb;border:1px solid #FCD34D;color:#92400e}.banner.banner-success{background:#f0fdf4;border:1px solid #86EFAC;color:#166534}.bannerDetails{margin-top:6px;display:grid;gap:4px}.empty{padding:16px;color:var(--color-text-muted)}.muted{color:var(--color-text-muted);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.footer{padding:6px 2px}.badgeRow{display:flex;gap:6px;flex-wrap:wrap}.subTabs{display:flex;gap:8px;flex-wrap:wrap}.analyticsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.analyticsCard{border:1px solid var(--color-border);border-radius:14px;padding:12px;background:var(--color-surface);display:grid;gap:6px}.analyticsLabel{font-size:12px;color:var(--color-text-muted)}.analyticsValue{font-size:18px;font-weight:700;color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:11px;font-weight:700;color:var(--color-text-muted)}.badgeOk{background:#dcfce7;border-color:#86efac;color:#166534}.badgeWarn{background:#fef3c7;border-color:#fcd34d;color:#92400e}.badgeError{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.badgeInfo{background:#dbeafe;border-color:#93c5fd;color:#1e40af}html.dark .badgeOk{background:#052e16;border-color:#14532d;color:#4ade80}html.dark .badgeWarn{background:#451a03;border-color:#78350f;color:#fbbf24}html.dark .badgeError{background:#450a0a;border-color:#7f1d1d;color:#f87171}html.dark .badgeInfo{background:#1e3a5f;border-color:#1e40af;color:#93c5fd}.deviceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.deviceCard{border:1px solid var(--color-border);border-radius:16px;padding:16px;background:var(--color-surface);display:grid;gap:12px}.deviceHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.deviceLabelInput{width:100%;border:none;border-bottom:1px dashed var(--color-border);font-size:16px;font-weight:700;color:var(--color-text);padding:2px 0;background:transparent}.deviceMetaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;font-size:12px;color:var(--color-text-muted)}.deviceMessage{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.deviceMessageSuccess{color:var(--color-success)}.deviceMessageWarning{color:var(--color-warning)}.deviceMessageError{color:var(--color-error)}.deviceActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.selectSmall{border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-alt);padding:8px 10px}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted)}.toggle input{width:38px;height:20px}.btnGhost{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btnSm{padding:4px 12px;font-size:12px;line-height:1.4;border-radius:4px}.btnDanger{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btnDanger:hover{background:#b91c1c;border-color:#b91c1c}.btnSuccess{background:var(--color-success);color:#fff;border:1px solid var(--color-success)}.btnSuccess:hover{background:#16a34a;border-color:#16a34a}.errorText{color:var(--color-error);font-weight:600}.qrCard{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface-alt)}.qrPayload{word-break:break-all}.sa-flex{display:flex;align-items:center}.sa-flex-between{display:flex;align-items:center;justify-content:space-between}.sa-flex-end{display:flex;justify-content:flex-end}.sa-flex-col{display:flex;flex-direction:column}.sa-flex-wrap{display:flex;flex-wrap:wrap}.sa-flex-center{display:flex;align-items:center;justify-content:center}.sa-gap-4{gap:4px}.sa-gap-6{gap:6px}.sa-gap-8{gap:8px}.sa-gap-10{gap:10px}.sa-gap-12{gap:12px}.sa-gap-16{gap:16px}.sa-gap-20{gap:20px}.sa-gap-24{gap:24px}.sa-mt-4{margin-top:4px}.sa-mt-8{margin-top:8px}.sa-mt-12{margin-top:12px}.sa-mt-16{margin-top:16px}.sa-mt-20{margin-top:20px}.sa-mb-4{margin-bottom:4px}.sa-mb-6{margin-bottom:6px}.sa-mb-8{margin-bottom:8px}.sa-mb-12{margin-bottom:12px}.sa-mb-16{margin-bottom:16px}.sa-mb-20{margin-bottom:20px}.sa-p-8{padding:8px}.sa-p-12{padding:12px}.sa-p-16{padding:16px}.sa-p-20{padding:20px}.sa-p-24{padding:24px}.sa-px-12{padding-left:12px;padding-right:12px}.sa-py-4{padding-top:4px;padding-bottom:4px}.sa-py-8{padding-top:8px;padding-bottom:8px}.sa-text-xs{font-size:11px}.sa-text-sm{font-size:12px}.sa-text-md{font-size:13px}.sa-text-base{font-size:14px}.sa-text-lg{font-size:16px}.sa-text-xl{font-size:18px}.sa-text-2xl{font-size:20px}.sa-text-3xl{font-size:24px}.sa-fw-500{font-weight:500}.sa-fw-600{font-weight:600}.sa-fw-700{font-weight:700}.sa-text-left{text-align:left}.sa-text-center{text-align:center}.sa-text-right{text-align:right}.sa-text-upper{text-transform:uppercase;letter-spacing:.5px}.sa-nowrap{white-space:nowrap}.sa-break-all{word-break:break-all}.sa-pre-wrap{white-space:pre-wrap}.sa-text-muted{color:var(--color-text-secondary)}.sa-text-primary{color:var(--color-text-primary)}.sa-text-success{color:#166534}.sa-text-warning{color:#92400e}.sa-text-error{color:#991b1b}.sa-text-danger{color:var(--color-error)}.sa-text-info{color:#1e40af}.sa-text-brand{color:var(--color-primary)}.sa-text-green{color:#059669}.sa-text-amber{color:#b45309}html.dark .sa-text-success{color:#4ade80}html.dark .sa-text-warning{color:#fbbf24}html.dark .sa-text-error,html.dark .sa-text-danger{color:#f87171}html.dark .sa-text-info{color:#93c5fd}html.dark .sa-text-green{color:#34d399}html.dark .sa-text-amber{color:#fcd34d}.sa-bg-surface{background:var(--color-surface)}.sa-bg-surface-alt{background:var(--color-surface-alt)}.sa-bg-success-soft{background:var(--color-success-soft)}.sa-bg-warning-soft{background:var(--color-warning-soft)}.sa-bg-error-soft{background:var(--color-error-soft)}.sa-bg-primary-soft{background:var(--color-primary-soft)}.sa-bg-accent-soft{background:var(--color-accent-soft)}.sa-border{border:1px solid var(--color-border)}.sa-border-t{border-top:1px solid var(--color-border)}.sa-border-b{border-bottom:1px solid var(--color-border)}.sa-radius-4{border-radius:4px}.sa-radius-6{border-radius:6px}.sa-radius-8{border-radius:8px}.sa-radius-12{border-radius:12px}.sa-radius-full{border-radius:999px}.sa-w-full{width:100%}.sa-overflow-auto{overflow:auto}.sa-overflow-hidden{overflow:hidden}.sa-max-h-300{max-height:300px}.sa-max-h-400{max-height:400px}.sa-nav-icon{margin-right:10px;flex-shrink:0;transition:opacity .15s}.sa-nav-icon--active{opacity:1}.sa-nav-icon--inactive{opacity:.6}.sa-stat-card{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.sa-stat-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sa-stat-value{font-size:20px;font-weight:700;color:var(--color-text-primary)}.sa-stat-value--sm{font-size:16px}.sa-stat-subtitle{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.sa-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sa-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sa-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sa-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.sa-section{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);margin-bottom:16px}.sa-section-title{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.sa-section-subtitle{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.sa-detail-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px}.sa-detail-label{color:var(--color-text-secondary);min-width:120px;flex-shrink:0}.sa-detail-value{color:var(--color-text-primary);font-weight:500;word-break:break-all}.sa-input{padding:5px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);font-size:13px}.sa-input--sm{padding:4px 6px;font-size:12px}.sa-select{padding:5px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);font-size:13px}.sa-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:13px;resize:vertical}.sa-form-group{margin-bottom:12px}.sa-form-label{font-size:12px;color:var(--color-text-secondary);display:block;margin-bottom:4px;font-weight:600}.sa-btn-sm{padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;border:1px solid transparent}.sa-btn-xs{padding:2px 8px;font-size:11px;border-radius:4px;cursor:pointer;border:1px solid transparent}.sa-btn-ghost-sm{padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.sa-btn-danger-sm{padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.sa-btn-success-sm{padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--color-success);color:#fff;border:1px solid var(--color-success)}.sa-btn-text{padding:0;background:none;border:none;cursor:pointer;color:var(--color-primary);font-weight:600;font-size:12px}.sa-badge-ok{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-success-soft);color:#166534}.sa-badge-warn{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-warning-soft);color:#92400e}.sa-badge-error{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-error-soft);color:#991b1b}.sa-badge-info{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#dbeafe;color:#1e40af}.sa-badge-muted{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-surface-alt);color:var(--color-text-secondary)}html.dark .sa-badge-ok{background:#052e16;color:#4ade80}html.dark .sa-badge-warn{background:#451a03;color:#fbbf24}html.dark .sa-badge-error{background:#450a0a;color:#f87171}html.dark .sa-badge-info{background:#1e3a5f;color:#93c5fd}.sa-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.sa-dot--success{background:var(--color-success)}.sa-dot--error{background:var(--color-error)}.sa-dot--warning{background:var(--color-warning)}.sa-dot--muted{background:var(--color-text-secondary)}.sa-th{padding:8px 10px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-align:left;background:var(--color-surface-alt);border-bottom:2px solid var(--color-border)}.sa-th--right{text-align:right}.sa-td{padding:8px 10px;font-size:13px;border-bottom:1px solid var(--color-border);vertical-align:top}.sa-td--mono{font-family:monospace;font-size:12px}.sa-td--right{text-align:right}.sa-td--bold{font-weight:600}.sa-td--nowrap{white-space:nowrap}.sa-scroll-y{overflow-y:auto}.sa-scroll-x{overflow-x:auto}.sa-alert-success{padding:10px 14px;border-radius:6px;background:var(--color-success-soft);border:1px solid #86efac;color:#166534;font-size:13px}.sa-alert-warning{padding:10px 14px;border-radius:6px;background:var(--color-warning-soft);border:1px solid #fcd34d;color:#92400e;font-size:13px}.sa-alert-error{padding:10px 14px;border-radius:6px;background:var(--color-error-soft);border:1px solid #fca5a5;color:#991b1b;font-size:13px}.sa-alert-info{padding:10px 14px;border-radius:6px;background:#dbeafe;border:1px solid #93c5fd;color:#1e40af;font-size:13px}html.dark .sa-alert-success{background:#052e16;border-color:#14532d;color:#4ade80}html.dark .sa-alert-warning{background:#451a03;border-color:#78350f;color:#fbbf24}html.dark .sa-alert-error{background:#450a0a;border-color:#7f1d1d;color:#f87171}html.dark .sa-alert-info{background:#1e3a5f;border-color:#1e40af;color:#93c5fd}.sa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sa-modal-sm{background:var(--color-surface);border-radius:8px;padding:24px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.sa-modal-md{background:var(--color-surface);border-radius:8px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.sa-modal-lg{background:var(--color-surface);border-radius:12px;padding:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.sa-modal-title{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.sa-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.sa-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:sa-spin .8s linear infinite}.sa-spinner--sm{width:16px;height:16px;border-width:2px}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:13px}.sa-page-info{color:var(--color-text-secondary);font-size:12px}.sa-page-btns{display:flex;gap:6px}.sa-accent-card{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);border-left:3px solid var(--color-primary)}.sa-details-toggle{cursor:pointer;color:var(--color-primary);font-size:12px;font-weight:600;background:none;border:none;padding:0}.sa-details-content{padding:12px;border-top:1px solid var(--color-border);margin-top:8px}.sa-msg-sent{display:flex;justify-content:flex-end}.sa-msg-received{display:flex;justify-content:flex-start}.sa-msg-bubble{max-width:70%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.sa-msg-bubble--sent{background:var(--color-primary-soft);color:var(--color-text-primary);border-bottom-right-radius:4px}.sa-msg-bubble--received{background:var(--color-surface-alt);color:var(--color-text-primary);border-bottom-left-radius:4px}.sa-msg-time{font-size:10px;color:var(--color-text-secondary);margin-top:4px}.sa-row-highlight{background:var(--color-primary-soft)}html.dark .sa-row-highlight{background:#1e3a5f}html.dark .sa-stat-card,html.dark .sa-section{background:var(--color-surface);border-color:var(--color-border)}html.dark .sa-input,html.dark .sa-select,html.dark .sa-textarea{background:#1a2332;color:#f1f5f9;border-color:#475569}html.dark .sa-modal-sm,html.dark .sa-modal-md,html.dark .sa-modal-lg{background:var(--color-surface)}.sa-build-stamp{font-size:11px;color:inherit;font-family:monospace;text-align:center;padding:4px 0}.sa-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.sa-error-title{color:#991b1b;margin-bottom:.5rem}html.dark .sa-error-title{color:#f87171}.sa-error-msg{color:#64748b;margin-bottom:1rem;max-width:400px}html.dark .sa-error-msg{color:#94a3b8}.sa-error-actions{display:flex;gap:.5rem}.sa-btn-retry{padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.sa-btn-retry:hover{background:#2563eb}.sa-btn-home{padding:.5rem 1.5rem;background:#64748b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.sa-btn-home:hover,html.dark .sa-btn-home{background:#475569}html.dark .sa-btn-home:hover{background:#334155}.sa-login-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.sa-login-title{font-size:20px;font-weight:600}.sa-otp-banner{margin-bottom:16px;background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:8px;padding:12px}.sa-login-actions{display:flex;justify-content:space-between;margin-top:12px}.sa-app-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:12px 24px;font-size:12px;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center}.sa-enrollment-code-wrap{text-align:center;margin:16px 0}.sa-enrollment-code{font-size:28px;font-weight:700;font-family:monospace;letter-spacing:4px;padding:12px 24px;background:#f0fdf4;border-radius:8px;border:2px dashed #22c55e;display:inline-block}html.dark .sa-enrollment-code{background:#052e16;border-color:#4ade80;color:#4ade80}.sa-copy-btn{display:block;margin:8px auto 0;font-size:12px;padding:4px 12px;background:#e0f2fe;border:1px solid #0ea5e9;border-radius:4px;cursor:pointer;color:#0369a1}html.dark .sa-copy-btn{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.sa-enrollment-meta{font-size:13px;color:#666}html.dark .sa-enrollment-meta{color:#94a3b8}.sa-modal-list{margin:12px 0;padding-left:20px}.sa-btn-warning{background:#f59e0b;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:600}.sa-btn-warning:hover{background:#d97706}.sa-btn-info-action{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:600}.sa-btn-info-action:hover{background:#1d4ed8}.sa-btn-reactivate{background:#16a34a;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer}.sa-btn-reactivate:hover{background:#15803d}.sa-header-auth{display:flex;gap:8px;justify-content:flex-end;align-items:center}.sa-text-authenticated{color:#059669}html.dark .sa-text-authenticated{color:#34d399}.sa-btn-logout{background:#fee2e2;color:#dc2626}html.dark .sa-btn-logout{background:#450a0a;color:#f87171}.sa-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);padding:12px 16px 0}.sa-breadcrumb-sep{color:var(--color-border)}.sa-breadcrumb-current{color:var(--color-text);font-weight:500}.sa-copy-link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--color-text-secondary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.sa-copy-link--copied{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}html.dark .sa-copy-link--copied{color:#4ade80;background:#052e16;border-color:#14532d}.sa-approval-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.sa-approval-card{background:var(--color-surface);border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 4px 24px #0003}.sa-approval-check{font-size:36px;margin-bottom:8px}.sa-approval-title{margin:0 0 8px;color:#16a34a}html.dark .sa-approval-title{color:#4ade80}.sa-approval-body{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.sa-approval-warn{color:#b45309;margin:0 0 16px;font-size:14px}html.dark .sa-approval-warn{color:#fbbf24}.sa-approval-hint{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px}.sa-activation-code-box{background:#f0fdf4;border:2px dashed #86efac;border-radius:8px;padding:16px;margin-bottom:16px}html.dark .sa-activation-code-box{background:#052e16;border-color:#4ade80}.sa-activation-label{font-size:11px;color:#166534;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}html.dark .sa-activation-label{color:#4ade80}.sa-activation-code{font-family:monospace;font-size:28px;font-weight:700;letter-spacing:4px;color:#15803d}html.dark .sa-activation-code{color:#4ade80}.sa-approval-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}.sa-btn-copy-code{padding:8px 16px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.sa-btn-done{padding:8px 16px;background:#16a34a;color:#fff;border:none;border-radius:6px;cursor:pointer}.sa-btn-done:hover{background:#15803d}.sa-tabs-scroll{overflow-x:auto;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.controls{grid-template-columns:repeat(2,minmax(160px,1fr))}}.modalOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--color-surface);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modalHeader h3{font-size:16px;font-weight:700}.modalBody{padding:20px}.modalFooter{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--color-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.aiPanelToggle{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#6366f1 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #3b82f666;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:transform .2s,box-shadow .2s}.aiPanelToggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #3b82f680}.aiPanelToggle.hasAnswer{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #3b82f666}50%{box-shadow:0 4px 30px #3b82f6b3}}.aiPanel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-8px 0 30px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column}.aiPanel.open{transform:translate(0)}.aiPanelHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);flex-shrink:0}.aiPanelTitle{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.aiPanelClose{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-muted);transition:background .15s}.aiPanelClose:hover{background:var(--color-error-soft);color:var(--color-error)}.aiPanelBody{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.aiQuickActions{display:flex;flex-wrap:wrap;gap:8px}.aiQuickBtn{padding:8px 12px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:12px;cursor:pointer;transition:all .15s}.aiQuickBtn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-dark)}.aiTextarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);resize:none;font-size:14px;min-height:80px}.aiTextarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.aiActions{display:flex;gap:10px;align-items:center}.aiAskBtn{padding:10px 20px;border-radius:10px;background:var(--color-primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:background .15s}.aiAskBtn:hover{background:var(--color-primary-dark)}.aiAskBtn:disabled{background:var(--color-text-muted);cursor:not-allowed}.aiClearBtn{padding:10px 16px;border-radius:10px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer}.aiClearBtn:hover{background:var(--color-surface-alt)}.aiResponse{flex:1;min-height:0;display:flex;flex-direction:column}.aiResponseContent{background:var(--color-ink);color:var(--color-text-inverse);padding:16px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:400px}.aiIdleTimer{font-size:11px;color:var(--color-text-muted);text-align:center;padding:8px;border-top:1px solid var(--color-border);background:var(--color-surface-alt)}@media(max-width:480px){.aiPanel{width:100vw}.aiPanelToggle{right:16px;bottom:16px;width:50px;height:50px}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border) 50%,var(--color-surface-alt) 75%);background-size:200px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:4px}.skeletonRow{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.skeletonCell{height:14px}.skeletonTable{display:flex;flex-direction:column;gap:0}.loginContainer{display:flex;align-items:center;justify-content:center;padding:24px}.loginCard{width:100%;max-width:448px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:32px;animation:fadeUp .25s ease}.loginHeader{margin-bottom:24px}.loginField{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.loginField label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.loginField input{padding:10px 14px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:15px;transition:border-color .15s,box-shadow .15s}.loginField input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.loginField input:disabled{opacity:.6;cursor:not-allowed}.loginError{color:var(--color-error);font-size:13px;font-weight:600;margin-bottom:12px;padding:8px 12px;border-radius:10px;background:var(--color-error-soft);border:1px solid var(--color-error)}.loginButton{width:100%;padding:12px;border-radius:6px;font-size:15px;font-weight:700;background:var(--color-primary);color:#fff;border:none;cursor:pointer;transition:background .15s,transform .1s}.loginButton:hover:not(:disabled){background:var(--color-primary-dark)}.loginButton:active:not(:disabled){transform:scale(.98)}.loginButton:disabled{opacity:.5;cursor:not-allowed}.loginInfo{margin-top:16px;font-size:12px;color:var(--color-text-muted);text-align:center;line-height:1.5}.loginLink{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}.loginLink:hover{color:var(--color-primary-dark);text-decoration:underline}.loginLink:disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:none}@media(max-width:480px){.loginContainer{padding:16px}.loginCard{padding:24px}}@media(max-width:768px){.tabs .tab{min-height:44px;padding:0 12px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.controls{grid-template-columns:1fr}.card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.mainContent{padding:8px}.sa-support-layout{flex-direction:column;height:auto!important}.sa-support-convlist{width:100%!important;max-width:100%!important;border-right:none!important;border-bottom:1px solid var(--color-border);max-height:200px}}