@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--colorNeutralBackground1: #edeef0;--colorNeutralBackground2: #ffffff;--colorNeutralBackground3: #f8f9fa;--colorNeutralBackgroundInput: #ffffff;--colorNeutralForeground1: #242424;--colorNeutralForeground2: #616161;--colorNeutralForeground3: #8a8a8a;--colorBrandForeground1: #005FB8;--colorBrandBackground: #005FB8;--colorBrandBackgroundHover: #00509E;--colorBrandBackgroundPressed: #004285;--colorNeutralStroke1: rgba(0, 0, 0, .22);--colorNeutralStroke2: rgba(0, 0, 0, .4);--colorStrokeFocus2: #000000;--colorTransparentStroke: rgba(0, 0, 0, .15);--shadow-2: 0px 1px 2px rgba(0,0,0,.04), 0 0 2px rgba(0,0,0,.04);--shadow-8: 0px 4px 8px rgba(0,0,0,.05), 0 0 4px rgba(0,0,0,.05);--shadow-16: 0px 8px 16px rgba(0,0,0,.08), 0 0 8px rgba(0,0,0,.06);--radius-container: 8px;--radius-control: 4px;--primary: var(--colorBrandForeground1);--primary-dark: var(--colorBrandBackgroundPressed);--primary-glow: rgba(0, 95, 184, .2);--primary-glow-sm: rgba(0, 95, 184, .1);--bg-main: var(--colorNeutralBackground1);--bg-sidebar: var(--colorNeutralBackground3);--bg-card: var(--colorNeutralBackground2);--bg-header: rgba(250, 250, 250, .85);--surface-2: var(--colorNeutralBackgroundInput);--accent-grad: linear-gradient(135deg, #005FB8 0%, #0078D4 100%);--text-main: var(--colorNeutralForeground1);--text-muted: var(--colorNeutralForeground2);--text-dim: var(--colorNeutralForeground3);--border: var(--colorNeutralStroke1);--glass: blur(16px);--surface: #f0f0f0;--surface-hover: rgba(0,0,0,.04);--border-strong: var(--colorNeutralStroke2);--border-focus: var(--colorBrandForeground1);--danger: #E81123;--success: #107C10;--warning: #9E6B03;--radius: var(--radius-container);--radius-sm: var(--radius-control);--radius-lg: var(--radius-container)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.card-title,.modal-title{font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-weight:600;color:var(--colorNeutralForeground1)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--colorNeutralStroke2);display:flex;flex-direction:column;padding:24px 16px;gap:4px;flex-shrink:0;position:relative}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;font-size:18px;font-weight:700;color:var(--colorNeutralForeground1);letter-spacing:-.3px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-control);cursor:pointer;transition:all .15s ease;color:var(--colorNeutralForeground2);font-weight:400;background:transparent;width:100%;font-size:14px;text-decoration:none;border:1px solid transparent}.nav-item svg{opacity:.8;transition:inherit;flex-shrink:0;stroke-width:1.5}.nav-item:hover{background:#0000000a;color:var(--colorNeutralForeground1)}.nav-item:hover svg{opacity:1}.nav-item.active{background:#0000000d;color:var(--colorNeutralForeground1);font-weight:600}.nav-item.active svg{opacity:1;color:var(--colorBrandForeground1);stroke-width:2}.main{flex:1;overflow-y:auto;position:relative}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-header);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid var(--colorNeutralStroke2);z-index:100}.content{max-width:1400px;margin:0 auto;padding:24px 32px}.flex{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.flex-end{display:flex;align-items:center;justify-content:flex-end;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.w-full{width:100%}.h-32{height:32px!important}.h-36{height:36px!important}.h-40{height:40px!important}.card,.glass-card{background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:var(--radius-container);padding:20px;box-shadow:var(--shadow-2);transition:all .2s ease}.card:hover,.glass-card:hover{box-shadow:var(--shadow-8)}.card-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--colorNeutralForeground1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:var(--radius-container);padding:16px 20px;overflow:hidden;box-shadow:var(--shadow-2);transition:box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-8)}.stat-label{font-size:12px;color:var(--colorNeutralForeground2);font-weight:500}.stat-value{font-size:28px;font-weight:600;color:var(--colorNeutralForeground1);margin-top:4px}.table-wrap{overflow-x:auto;border-radius:var(--radius-container);border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2)}table{width:100%;border-collapse:separate;border-spacing:0}thead th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--colorNeutralForeground2);border-bottom:2px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground3)}tbody td{padding:12px 16px;border-bottom:1px solid var(--colorNeutralStroke1);font-size:14px;color:var(--colorNeutralForeground1)}tbody tr{transition:background .15s ease}tbody tr:hover{background:#00000008}tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--colorNeutralForeground1);margin-bottom:6px}input,select,textarea{width:100%;background:var(--colorNeutralBackgroundInput);border:1px solid var(--colorNeutralStroke2);border-radius:var(--radius-control);padding:8px 12px;height:32px;color:var(--colorNeutralForeground1);font-size:13px;font-family:inherit;transition:all .15s ease;outline:none}textarea{height:auto;min-height:80px}select option{background-color:var(--colorNeutralBackgroundInput);color:var(--colorNeutralForeground1)}input:hover,select:hover,textarea:hover{border-color:#616161}input:focus,select:focus,textarea:focus{border-color:var(--colorBrandForeground1);box-shadow:0 1px 0 0 var(--colorBrandForeground1)}input::placeholder{color:var(--colorNeutralForeground3)}.form-input{width:100%;background:var(--colorNeutralBackgroundInput);border:1px solid var(--colorNeutralStroke2);border-radius:var(--radius-control);padding:8px 12px;height:32px;color:var(--colorNeutralForeground1);font-size:13px;font-family:inherit;outline:none;transition:all .15s ease}.form-input:focus{border-color:var(--colorBrandForeground1);box-shadow:0 1px 0 0 var(--colorBrandForeground1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:32px;border-radius:var(--radius-control);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--colorNeutralStroke1);transition:all .1s ease;font-family:inherit;background:#fff;color:var(--colorNeutralForeground1);box-shadow:0 1px 2px #0000000d;white-space:nowrap}.btn:hover{background:#f5f5f5;border-color:#0000001a}.btn:active{transform:scale(.98);background:#ebebeb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--colorBrandBackground);color:#fff;border:1px solid transparent;box-shadow:0 1px 2px #00000024}.btn-primary:hover{background:var(--colorBrandBackgroundHover)}.btn-primary:active{background:var(--colorBrandBackgroundPressed);transform:scale(.98)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--colorNeutralForeground1);box-shadow:none}.btn-ghost:hover{background:#0000000a}.btn-ghost:active{background:#00000005;transform:scale(.98)}.btn-danger{background:#e811231a;border:1px solid transparent;color:#e81123;box-shadow:none}.btn-danger:hover{background:#e8112326}.btn:focus-visible,.nav-item:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.badge{padding:2px 8px;border-radius:var(--radius-control);font-size:12px;font-weight:500}.badge-yellow{background:#fff4ce;color:#9e6b03}.badge-green{background:#dff6dd;color:#0f5c2e}.badge-red{background:#fde7e9;color:#a4262c}.badge-blue{background:#e0f2fe;color:#005fb8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:var(--radius-container);padding:24px;box-shadow:var(--shadow-16);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.modal-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--colorNeutralForeground1)}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralForeground3);transition:.2s;border-radius:20px;box-sizing:border-box}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background:var(--colorNeutralForeground2);transition:.2s;border-radius:50%}input:checked+.slider{background:var(--colorBrandBackground);border-color:var(--colorBrandBackground)}input:checked+.slider:before{transform:translate(20px);background:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-control);border:3px solid var(--colorNeutralBackground1);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .15s ease forwards}.text-muted,.text-secondary{color:var(--colorNeutralForeground2)}.text-accent{color:var(--colorBrandForeground1)}.text-danger{color:#e81123}.text-success{color:#107c10}.divider{height:1px;background:var(--colorNeutralStroke1);margin:16px 0}.road-stripe{display:none}