:root{--bg: #f8f8f6;--surface: #ffffff;--surface2: #f3f3f0;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.2);--text: #1a1a18;--text2: #5a5a54;--text3: #9a9a94;--accent: #1a1a18;--green: #15803d;--green-bg: #dcfce7;--amber: #b45309;--amber-bg: #fef3c7;--red: #b91c1c;--red-bg: #fee2e2;--blue: #1d4ed8;--blue-bg: #dbeafe;--purple: #6d28d9;--purple-bg: #ede9fe;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:.5px solid transparent;transition:all .15s}.btn-primary{background:var(--text);color:var(--surface)}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px}.badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-gray{background:var(--surface2);color:var(--text2);border:.5px solid var(--border)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.input{width:100%;padding:7px 10px;border:.5px solid var(--border-strong);border-radius:var(--radius);font-size:13px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--text)}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.label{display:block;font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.field{margin-bottom:12px}.table-wrap{border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:var(--surface2);padding:8px 12px;text-align:left;font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;border-bottom:.5px solid var(--border);white-space:nowrap}tbody td{padding:9px 12px;border-bottom:.5px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface2)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}.kpi{background:var(--surface2);border-radius:var(--radius);padding:14px}.kpi-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.kpi-val{font-size:22px;font-weight:500}.kpi-sub{font-size:11px;color:var(--text2);margin-top:3px}.kpi-bar{height:4px;background:var(--border);border-radius:2px;margin-top:8px}.kpi-fill{height:100%;border-radius:2px;background:var(--text)}.page-title{font-size:18px;font-weight:500;margin-bottom:2px}.page-sub{font-size:13px;color:var(--text2);margin-bottom:20px}.sec-title{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:40px;color:var(--text3);font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}