@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-bg-hover:#f3f4f6;--color-bg-input:#fff;--color-border:#e2e8f0;--color-border-focus:#6366f1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-glow:#6366f126;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#6366f1;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card:linear-gradient(145deg, #ffffffe6, #f8fafcf2);--gradient-sidebar:linear-gradient(180deg, #fff 0%, #f9fafb 100%);--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--semi-color-primary:#6366f1;--semi-color-primary-hover:#818cf8;--semi-color-primary-active:#4f46e5;--semi-border-radius-small:6px;--semi-border-radius-medium:8px;--semi-border-radius-large:12px;--semi-border-radius-circle:50%;--semi-shadow-elevated:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;line-height:1.6}.app-layout{height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--semi-color-border);z-index:10;background:#09090b66;flex-direction:column;flex-shrink:0;width:260px;display:flex;position:relative}.sidebar-brand{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--semi-color-border)}.sidebar-brand h1{font-size:var(--font-size-lg);color:var(--semi-color-text-0);letter-spacing:-.02em;font-weight:700}.sidebar-brand span{font-size:var(--font-size-xs);color:var(--semi-color-text-2);margin-top:var(--space-1);font-weight:400;display:block}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-accent-glow);color:var(--color-accent)}.sidebar-link .icon{font-size:var(--font-size-lg);text-align:center;width:20px}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-user-avatar{background:var(--gradient-primary);width:36px;height:36px;font-size:var(--font-size-sm);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-user-info{flex:1}.sidebar-user-info .name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.sidebar-user-info .role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--semi-color-border);-webkit-backdrop-filter:blur(12px);z-index:20;background:#09090bb3;position:sticky;top:0}.main-header h2{font-size:var(--font-size-xl);color:var(--semi-color-text-0);letter-spacing:-.01em;font-weight:600}.main-header p{font-size:var(--font-size-sm);color:var(--semi-color-text-2);margin-top:var(--space-1)}.main-body{padding:var(--space-8);flex:1;position:relative;overflow-y:auto}.card{background:var(--semi-color-bg-1);border:1px solid var(--semi-color-border);border-radius:var(--semi-border-radius-large);padding:var(--space-6);transition:all var(--transition-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{border-color:#ffffff26;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.card-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.card-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);font-weight:700;line-height:1.1}.card-value .unit{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-left:var(--space-1);font-weight:400}.card-change{font-size:var(--font-size-xs);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.card-change.positive{color:var(--color-success)}.card-change.negative{color:var(--color-danger)}.stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.stat-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.stat-icon.blue{color:#3b82f6;background:#3b82f626}.stat-icon.green{color:#10b981;background:#10b98126}.stat-icon.purple{color:#8b5cf6;background:#8b5cf626}.stat-icon.orange{color:#f59e0b;background:#f59e0b26}.table-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.table-header h3{font-size:var(--font-size-lg);font-weight:600}table{border-collapse:collapse;width:100%}thead th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:#00000026;font-weight:600}tbody td{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid #6373ab14}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#6373ab0d}tbody tr:last-child td{border-bottom:none}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{color:var(--color-danger);background:0 0;border-color:#ef44444d}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.badge{font-size:var(--font-size-xs);letter-spacing:.02em;border-radius:100px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-success{color:#10b981;background:#10b98126}.badge-warning{color:#f59e0b;background:#f59e0b26}.badge-danger{color:#ef4444;background:#ef444426}.badge-info{color:#6366f1;background:#6366f126}.login-page{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 40%),radial-gradient(circle at 70% 30%,#8b5cf61a 0%,#0000 40%);width:200%;height:200%;animation:25s linear infinite float;position:absolute;top:-50%;left:-50%}@keyframes float{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--semi-color-border);border-radius:var(--semi-border-radius-large);padding:var(--space-8);width:440px;box-shadow:var(--semi-shadow-elevated);background:#09090b99;position:relative}.login-card h1{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-1);color:var(--semi-color-text-0);letter-spacing:-.02em;font-weight:600}.login-card p{text-align:center;color:var(--semi-color-text-2);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.login-card .btn-primary{width:100%;padding:var(--space-3);margin-top:var(--space-2);justify-content:center;height:40px}.login-error{color:var(--semi-color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--semi-border-radius-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-5);background:#ef44441a;border:1px solid #ef444433}.empty-state{text-align:center;padding:var(--space-8) var(--space-6);color:var(--color-text-muted)}.semi-navigation-item-text{font-weight:500;color:#374151!important}.semi-navigation-item-icon{color:#6b7280!important}.semi-navigation-item-selected .semi-navigation-item-text,.semi-navigation-item-selected .semi-navigation-item-icon{color:#6366f1!important}.semi-navigation-item-hover{background-color:#f3f4f6!important}.empty-state .icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state p{font-size:var(--font-size-sm)}.key-display{align-items:center;gap:var(--space-2);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:SF Mono,Monaco,Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-success);margin:var(--space-4) 0;word-break:break-all;display:flex}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);min-width:440px;max-width:90vw;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal h3{font-size:var(--font-size-xl);margin-bottom:var(--space-6);font-weight:600}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.mono{font-family:SF Mono,Monaco,Fira Code,monospace}.text-muted,.text-dim{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-xs{font-size:var(--font-size-xs)}.text-center{text-align:center}.fw-500{font-weight:500}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.flex{display:flex}.gap-4{gap:var(--space-4)}.page{padding:var(--space-8)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-header h2{font-size:var(--font-size-xl);font-weight:700}.page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.data-table{border-collapse:collapse;width:100%}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;background:#00000026;font-weight:600}.data-table tbody td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #6373ab14}.data-table tbody tr:hover{background:#6373ab0d}.data-table tbody tr:last-child td{border-bottom:none}.input{padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-fast)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.user-cell{align-items:center;gap:var(--space-3);display:flex}.user-avatar-sm{background:var(--gradient-primary);width:32px;height:32px;font-size:var(--font-size-xs);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-enabled{background:var(--color-success);box-shadow:0 0 6px #10b98166}.status-disabled{background:var(--color-danger);box-shadow:0 0 6px #ef444466}.action-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-success{color:var(--color-success);background:0 0;border-color:#10b9814d}.btn-success:hover{background:#10b9811a}.btn-warning{color:var(--color-warning);background:0 0;border-color:#f59e0b4d}.btn-warning:hover{background:#f59e0b1a}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);margin-top:var(--space-4);display:flex}.loading-spinner{width:40px;height:40px;margin:var(--space-8) auto;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6373ab33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6373ab59}.filter-bar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.filter-bar .input{flex-shrink:0}.main-content>.page{flex:1;overflow-y:auto}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.stats-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar .input{width:100%!important}}.semi-checkbox-inner{border:1px solid #cbd5e1!important}.semi-checkbox{--semi-color-primary:#6366f1;--semi-color-primary-hover:#4f46e5;--semi-color-primary-active:#4338ca}