:root{--bg: #0f172a;--panel: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--danger: #f87171;--success: #4ade80}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);padding:6px 10px;border-radius:4px}button{cursor:pointer}button:hover{border-color:var(--accent)}.layout{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:16px}.sidebar h1{font-size:16px;margin:0 0 16px}.sidebar nav a{display:block;padding:6px 8px;border-radius:4px;margin-bottom:2px;color:var(--text)}.sidebar nav a.active{background:var(--border);color:var(--accent)}.main{padding:24px;overflow-x:auto}.main h2{margin-top:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:16px}.grid{display:grid;gap:16px}.grid-kpi{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kpi-value{font-size:28px;font-weight:600;margin:4px 0}.kpi-label{color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse}th,td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--panel)}tr:hover td{background:#ffffff05}.filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.filters input,.filters select{min-width:140px}.badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px}.badge-staff{background:#4ade8033;color:var(--success)}.badge-vendor{background:#38bdf833;color:var(--accent)}.badge-left{background:#f8717133;color:var(--danger)}.badge-external{background:#a855f733;color:#a855f7}