:root{--font-family: "IBM Plex Sans Thai", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", "IBM Plex Sans Thai", ui-monospace, monospace;--radius: 16px;--radius-sm: 10px;--bg-app: #f3f0ff;--bg-card: #ffffff;--bg-card-subtle: #f7f5ff;--bg-input: #ffffff;--border-color: #e3ddfb;--border-subtle: #eee9fd;--border-focus: #6d4aff;--text-main: #17123f;--text-muted: #5a5588;--text-subtle: #8a85b3;--primary: #6d4aff;--primary-hover: #5a38ee;--primary-light: rgba(109, 74, 255, .12);--primary-gradient: linear-gradient(135deg, #6d4aff, #d946ef);--success: #059669;--success-bg: rgba(16, 185, 129, .14);--success-border: rgba(16, 185, 129, .35);--warning: #d97706;--warning-bg: rgba(245, 158, 11, .16);--warning-border: rgba(245, 158, 11, .4);--danger: #e11d48;--danger-bg: rgba(244, 63, 94, .12);--danger-border: rgba(244, 63, 94, .35);--info: #0284c7;--info-bg: rgba(14, 165, 233, .14);--info-border: rgba(14, 165, 233, .35);--c-violet: #7c5cff;--c-sky: #0ea5e9;--c-green: #10b981;--c-amber: #f59e0b;--c-rose: #f43f5e;--c-teal: #14b8a6;--c-pink: #ec4899;--shadow-sm: 0 1px 2px rgba(60, 40, 140, .08);--shadow-md: 0 8px 22px -10px rgba(60, 40, 140, .25);--shadow-lg: 0 18px 40px -14px rgba(60, 40, 140, .35);--shadow-xl: 0 28px 60px -16px rgba(40, 20, 120, .45);--sidebar-w: 268px;--sidebar-w-collapsed: 78px;color-scheme:light;font-family:var(--font-family);color:var(--text-main);background:var(--bg-app);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--bg-app: #0c0a24;--bg-card: #15123a;--bg-card-subtle: #1a1645;--bg-input: #100d30;--border-color: #2d2866;--border-subtle: #221e52;--text-main: #ece9ff;--text-muted: #a8a3d4;--text-subtle: #7c77ab;--primary: #8b6cff;--primary-hover: #a08aff;--primary-light: rgba(139, 108, 255, .2);--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--info: #38bdf8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 22px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 18px 40px -14px rgba(0, 0, 0, .7);--shadow-xl: 0 28px 60px -16px rgba(0, 0, 0, .8);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(900px 500px at 8% -8%,rgba(124,92,255,.18),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(14,165,233,.14),transparent 55%),radial-gradient(700px 500px at 60% 115%,rgba(244,63,94,.1),transparent 55%),var(--bg-app);background-attachment:fixed;color:var(--text-main)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.dashboard-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.dashboard-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:40;color:#cfc8ff;background:radial-gradient(420px 260px at 0% 0%,rgba(217,70,239,.28),transparent 60%),radial-gradient(380px 300px at 100% 100%,rgba(14,165,233,.22),transparent 60%),linear-gradient(180deg,#1c1150,#150c3d);border-right:1px solid rgba(255,255,255,.06)}.sidebar-header{padding:18px 16px 10px}.brand-wrapper{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px}.brand-mark{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#ffffff1a;padding:5px}.brand-text-block{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-weight:800;font-size:1.05rem;letter-spacing:.14em;color:#fff}.brand-subtitle{font-size:.7rem;color:#b5a9ff;letter-spacing:.08em;text-transform:uppercase}.nav-scroll-area{flex:1;overflow-y:auto;padding:4px 12px 12px}.nav-scroll-area::-webkit-scrollbar{width:6px}.nav-scroll-area::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:6px}.nav-group{margin-top:14px}.nav-group-title{padding:0 12px 6px;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8f84d6}.nav-item{--g: var(--c-violet);display:flex;align-items:center;gap:12px;padding:7px 10px;margin:1px 0;border-radius:12px;font-size:.86rem;font-weight:500;color:#d7d1ff;transition:background .15s,color .15s,transform .15s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none;background:color-mix(in oklab,var(--g) 26%,transparent);color:color-mix(in oklab,var(--g) 70%,#fff)}.nav-item.active{background:linear-gradient(135deg,#7c5cff,#d946ef);color:#fff;box-shadow:0 10px 22px -10px #d946efcc;font-weight:600}.nav-item.active .nav-item-icon{background:#ffffff3d;color:#fff}.sidebar-footer{padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.08)}.collapse-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#cfc8ff;font-size:.82rem}.collapse-toggle:hover{background:#ffffff1f;color:#fff}.sidebar-collapsed .brand-text-block,.sidebar-collapsed .nav-group-title,.sidebar-collapsed .nav-item span,.sidebar-collapsed .collapse-toggle span{display:none}.sidebar-collapsed .nav-item,.sidebar-collapsed .collapse-toggle{justify-content:center;padding-inline:0}.sidebar-collapsed .brand-wrapper{justify-content:center}.sidebar-backdrop,.topbar-icon-btn.sa-menu-btn{display:none}.main-panel{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 28px;background:color-mix(in oklab,var(--bg-app) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}.topbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:10px}.search-box{position:relative;display:flex;align-items:center;gap:10px;width:min(460px,100%);padding:0 14px;height:42px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-subtle)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--text-main);min-width:0}.search-shortcut{font-size:.7rem;padding:2px 7px;border-radius:6px;background:var(--bg-card-subtle);border:1px solid var(--border-color)}.sa-search-results{position:absolute;left:0;right:0;top:48px;z-index:60;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;max-height:320px;overflow-y:auto}.sa-search-results a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:.86rem;color:var(--text-main)}.sa-search-results a:hover{background:var(--primary-light)}.sa-search-results small{margin-left:auto;color:var(--text-subtle)}.sa-search-empty{padding:14px;text-align:center;color:var(--text-muted);font-size:.82rem}.system-status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);white-space:nowrap}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:sa-pulse 1.8s infinite}@keyframes sa-pulse{0%{box-shadow:0 0 color-mix(in oklab,currentColor 55%,transparent)}to{box-shadow:0 0 0 9px transparent}}.topbar-icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);box-shadow:var(--shadow-sm)}.topbar-icon-btn:hover{color:var(--primary);border-color:var(--primary)}.badge-dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--c-rose);border:2px solid var(--bg-card)}.user-profile-menu{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm)}.user-profile-menu:hover{border-color:var(--primary)}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--primary-gradient);color:#fff;font-weight:700;font-size:.78rem}.user-meta{display:flex;flex-direction:column;text-align:left;line-height:1.15}.user-name{font-size:.82rem;font-weight:700}.user-role-label{font-size:.68rem;color:var(--text-muted)}.sa-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:60;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);padding:6px}.sa-menu-head{padding:10px 12px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.sa-menu-head b{display:block;font-size:.86rem}.sa-menu-head span{font-size:.72rem;color:var(--text-muted)}.sa-menu a,.sa-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:transparent;border-radius:10px;font-size:.84rem;text-align:left;color:var(--text-main)}.sa-menu a:hover,.sa-menu button:hover{background:var(--primary-light)}.sa-menu .danger{color:var(--danger)}.main-content{flex:1;padding:24px 28px 48px;width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-subtle)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-current{color:var(--text-main);font-weight:600}.page-header-row,.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.page-heading-block{min-width:0}.page-title{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.page-description,.page-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.9rem;max-width:70ch}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.page-shell{display:flex;flex-direction:column;gap:18px}.stats-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.stat-card-pro{--t: var(--c-violet);position:relative;overflow:hidden;padding:18px 20px;border-radius:20px;color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--t),color-mix(in oklab,var(--t) 55%,#000));transition:transform .18s ease,box-shadow .18s ease}.stat-card-pro:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card-pro:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff24}.stat-card-pro:has(.stat-icon-wrap.purple){--t: var(--c-violet)}.stat-card-pro:has(.stat-icon-wrap.blue){--t: var(--c-sky)}.stat-card-pro:has(.stat-icon-wrap.green){--t: var(--c-green)}.stat-card-pro:has(.stat-icon-wrap.pink){--t: var(--c-rose)}.stat-card-pro:has(.stat-icon-wrap.amber){--t: var(--c-amber)}.stat-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-title{font-size:.84rem;font-weight:600;color:#ffffffeb}.stat-icon-wrap{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ffffff38;color:#fff}.stat-big-number{position:relative;z-index:1;margin:10px 0 8px;font-size:2.3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stat-breakdown-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.74rem;color:#ffffffbf}.breakdown-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#fff3;color:#fff;font-size:.74rem}.breakdown-pill b{font-weight:800}.grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.chart-card,.table-container-card,.empty-state-card,.table-card,.gauge-dial-card{background:var(--bg-card);border:1px solid var(--border-color);border-top:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px}.grid-2col>.chart-card:nth-child(4n+2){border-top-color:var(--c-sky)}.grid-2col>.chart-card:nth-child(4n+3){border-top-color:var(--c-green)}.grid-2col>.chart-card:nth-child(4n+4){border-top-color:var(--c-amber)}.card-header-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title-block h3{margin:0;font-size:1.02rem;font-weight:700}.card-title-block span{font-size:.78rem;color:var(--text-muted)}.chart-canvas-wrap{width:100%}.donut-chart-container{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.donut-visual-box{position:relative;width:150px;height:150px}.donut-center-info{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-total-val{font-size:1.6rem;font-weight:800}.donut-total-lbl{font-size:.7rem;color:var(--text-muted)}.donut-legend-grid{display:grid;gap:8px;flex:1;min-width:140px}.donut-legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem}.legend-dot-label{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:3px}.gauges-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.gauge-dial-wrap{position:relative;display:grid;place-items:center}.gauge-pct-text{font-size:1.3rem;font-weight:800}.gauge-label{font-size:.78rem;color:var(--text-muted);text-align:center}.table-container-card{padding:0;overflow:hidden}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-card-subtle),var(--bg-card))}.toolbar-left,.toolbar-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap svg{position:absolute;left:12px;color:var(--text-subtle);pointer-events:none}.search-input-wrap .table-search-input{padding-left:36px}.table-responsive{width:100%;overflow-x:auto}.virexa-table,.table{width:100%;border-collapse:collapse;font-size:.86rem}.virexa-table th,.table th{padding:12px 18px;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);white-space:nowrap}.virexa-table td,.table td{padding:13px 18px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.virexa-table tbody tr,.table tbody tr{transition:background .12s}.virexa-table tbody tr:hover td,.table tbody tr:hover td{background:var(--primary-light)}.virexa-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--primary)}.virexa-table tbody tr:last-child td{border-bottom:0}.table-footer-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:6px}.page-btn{min-width:34px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary-gradient);border-color:transparent;color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.badge-pill,.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid var(--border-color);background:var(--bg-card-subtle);color:var(--text-muted);white-space:nowrap}.badge-pill.success,.badge.success{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.badge-pill.warning,.badge.warning{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.badge-pill.danger,.badge.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.badge-pill.info,.badge.info{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}.badge-pill.neutral{color:var(--text-muted)}.badge-pill.success:before,.badge-pill.warning:before,.badge-pill.danger:before,.badge-pill.info:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;font-weight:600;font-size:.86rem;border:1px solid transparent;transition:transform .12s,box-shadow .12s,filter .12s;white-space:nowrap}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 22px -10px #6d4affcc}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.form-input,.table-search-input,.filter-select{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.table-search-input,.filter-select{width:auto}.form-input:hover,.table-search-input:hover,.filter-select:hover{border-color:color-mix(in oklab,var(--primary) 50%,var(--border-color))}.form-input:focus,.table-search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.form-input::placeholder,.table-search-input::placeholder{color:var(--text-subtle)}textarea.form-input{height:auto;min-height:96px;padding:10px 14px;resize:vertical}select.form-input,.filter-select{appearance:none;padding-right:30px}.empty-state-card,.empty-state,.error-state,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:44px 20px;color:var(--text-muted)}.empty-state,.error-state,.loading{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius)}.error-state{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.empty-icon-wrap{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--primary-light);color:var(--primary)}.empty-title{margin:4px 0 0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.empty-desc{margin:0;font-size:.86rem;max-width:52ch}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#120a3c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-dialog{width:min(560px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-top:5px solid var(--primary);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border-subtle)}.modal-title{margin:0;font-size:1.1rem;font-weight:700}.modal-close-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:var(--bg-card-subtle);color:var(--text-muted)}.modal-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.modal-body{padding:20px 22px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border-subtle);background:var(--bg-card-subtle)}.sa-hero{position:relative;overflow:hidden;padding:28px 30px;border-radius:26px;color:#fff;background:linear-gradient(120deg,#6d4aff,#d946ef 55%,#fb923c);box-shadow:var(--shadow-lg)}.sa-hero:before{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:#ffffff29;filter:blur(2px)}.sa-hero:after{content:"";position:absolute;left:35%;bottom:-110px;width:240px;height:240px;border-radius:50%;background:#38bdf84d;filter:blur(30px)}.sa-hero>*{position:relative;z-index:1}.sa-hero-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.sa-hero h1{margin:2px 0 6px;font-size:2rem;font-weight:800;letter-spacing:-.02em}.sa-hero p{margin:0;max-width:62ch;color:#ffffffe0;font-size:.92rem}.sa-hero .system-status-pill{color:#fff;background:#fff3;border-color:#ffffff59}.sa-hero-time{text-align:right}.sa-hero-time b{display:block;font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums}.sa-hero-time span{font-size:.82rem;color:#ffffffd9}.sa-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.sa-quick a{--q: var(--c-violet);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in oklab,var(--q) 40%,var(--border-color));background:color-mix(in oklab,var(--q) 9%,var(--bg-card));transition:transform .15s,box-shadow .15s}.sa-quick a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sa-quick .q-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in oklab,var(--q) 22%,transparent);color:var(--q);flex:none}.sa-quick b{display:block;font-size:.9rem}.sa-quick small{color:var(--text-muted);font-size:.74rem}.sa-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:190px;padding-top:10px;border-bottom:1px solid var(--border-color)}.sa-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.sa-chart-bar{width:70%;max-width:26px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#d946ef,#6d4aff);transition:height .3s ease}.sa-chart-labels{display:flex;justify-content:space-between;gap:6px;padding-top:6px}.sa-chart-labels span{flex:1;text-align:center;font-size:.68rem;color:var(--text-subtle)}.sa-note{padding:14px 16px;border-radius:14px;font-size:.84rem;border:1px solid}.sa-note.warn{background:var(--warning-bg);border-color:var(--warning-border)}.sa-note.err{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.sa-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--bg-app)}.sa-login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px;color:#fff;background:linear-gradient(140deg,#4c2fe0,#b724d6 55%,#fb7185)}.sa-login-art:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:#ffffff24}.sa-login-art:after{content:"";position:absolute;left:-80px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:#38bdf852;filter:blur(24px)}.sa-login-art>*{position:relative;z-index:1}.sa-login-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:1.1rem}.sa-login-logo img{width:44px;height:44px;padding:6px;border-radius:14px;background:#fff3;object-fit:contain}.sa-login-art h2{margin:0 0 12px;font-size:2.3rem;line-height:1.15;font-weight:800;letter-spacing:-.02em}.sa-login-art p{margin:0;max-width:46ch;color:#ffffffe0}.sa-login-points{display:grid;gap:10px;margin-top:22px}.sa-login-points div{display:flex;align-items:center;gap:10px;font-size:.9rem}.sa-login-points svg{padding:6px;width:30px;height:30px;border-radius:10px;background:#ffffff38}.sa-login-side{display:grid;place-items:center;padding:32px}.sa-login-card{width:min(420px,100%);background:var(--bg-card);border:1px solid var(--border-color);border-top:5px solid var(--primary);border-radius:24px;box-shadow:var(--shadow-xl);padding:32px}.sa-login-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--primary)}.sa-login-card h1{margin:4px 0 22px;font-size:1.5rem;font-weight:800}.sa-login-form{display:grid;gap:16px}.sa-login-form label{display:grid;gap:6px}.sa-login-form label>span{font-size:.78rem;font-weight:600;color:var(--text-muted)}.sa-login-field{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-subtle)}.sa-login-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.sa-login-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-main)}.sa-login-field input::placeholder{color:var(--text-subtle)}.sa-login-eye{display:grid;place-items:center;border:0;background:transparent;color:var(--text-subtle)}.sa-login-eye:hover{color:var(--primary)}.sa-login-error{margin:0;padding:10px 12px;border-radius:12px;font-size:.82rem;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.sa-login-submit{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:14px;background:var(--primary-gradient);color:#fff;font-weight:700;box-shadow:0 12px 24px -12px #6d4affe6}.sa-login-submit:hover:not(:disabled){filter:brightness(1.08)}.sa-login-submit:disabled{opacity:.6;cursor:not-allowed}.sa-login-note{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:.76rem;color:var(--text-muted)}.sa-login-note svg{color:var(--success)}@media(max-width:1024px){.dashboard-shell,.dashboard-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:35;background:#120a3c8c}.topbar-icon-btn.sa-menu-btn{display:grid}.sidebar-collapsed .brand-text-block,.sidebar-collapsed .nav-group-title,.sidebar-collapsed .nav-item span,.sidebar-collapsed .collapse-toggle span{display:initial}.sidebar-collapsed .nav-item{justify-content:flex-start;padding-inline:10px}.collapse-toggle{display:none}.topbar{padding:10px 16px}.main-content{padding:18px 16px 40px}.user-meta,.topbar-right .system-status-pill,.search-shortcut{display:none}.sa-hero{padding:22px 20px;border-radius:22px}.sa-hero h1{font-size:1.5rem}.sa-hero-time{text-align:left}.sa-hero-time b{font-size:1.8rem}.page-title{font-size:1.4rem}.stats-grid-4{grid-template-columns:1fr 1fr}.stat-big-number{font-size:1.8rem}.table-toolbar{padding:12px 14px}.grid-2col,.sa-login{grid-template-columns:minmax(0,1fr)}.sa-login-art{display:none}}