:root{--bg: #0f172a;--panel: #1e293b;--panel2: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--ok: #22c55e;--warn: #f59e0b;--border: #334155}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{background:var(--accent);color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}button:hover,.btn:hover{background:var(--accent-hover)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}button.ok{background:var(--ok)}input,select,textarea{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:6px;width:100%;font-size:14px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.stack>*+*{margin-top:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.badge.pending{background:#f59e0b26;color:var(--warn)}.badge.approved{background:#22c55e26;color:var(--ok)}.badge.rejected{background:#ef444426;color:var(--danger)}.badge.completed{background:#94a3b826;color:var(--muted)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);padding:20px 0}.sidebar h1{font-size:16px;padding:0 20px 20px;margin:0;border-bottom:1px solid var(--border)}.sidebar nav a{display:block;padding:10px 20px;color:var(--text);border-left:3px solid transparent}.sidebar nav a.active{background:#3b82f61a;border-left-color:var(--accent);color:var(--accent);text-decoration:none}.main{flex:1;padding:24px 32px;overflow-y:auto}h2{margin-top:0}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.stat .num{font-size:32px;font-weight:700}.stat .lbl{color:var(--muted);font-size:12px;text-transform:uppercase;margin-top:4px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:380px;max-width:92vw}.error{color:var(--danger);font-size:13px}.muted{color:var(--muted);font-size:13px}