:root{--bg-base: #0d0d1a;--bg-card: #1a1a2e;--bg-nav: #1a1a2e;--bg-status: #12122a;--border: #2a2a4a;--text: #e0e0e0;--text-muted: #888;--text-dim: #666;--green: #4caf50;--red: #ef5350;--orange: #ff9800;--blue: #4fc3f7;--purple: #ab47bc;--green-bg: #1b5e20;--red-bg: #4a1c1c;--orange-bg: #5d4037}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:SF Mono,Cascadia Code,Fira Code,monospace;background:var(--bg-base);color:var(--text);font-size:13px;line-height:1.4}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-card);border-radius:6px;padding:14px}.card-accent-green{border-left:3px solid var(--green)}.card-accent-red{border-left:3px solid var(--red)}.card-accent-orange{border-left:3px solid var(--orange)}.card-accent-blue{border-left:3px solid var(--blue)}.card-accent-purple{border-left:3px solid var(--purple)}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-green{background:var(--green-bg);color:#a5d6a7}.badge-red{background:var(--red-bg);color:#ef9a9a}.badge-orange{background:var(--orange-bg);color:#ffcc80}.badge-blue{background:#1a3a5c;color:var(--blue)}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:6px 8px;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border)}td{padding:5px 8px;border-bottom:1px solid var(--border)}tr:hover td{background:#ffffff08}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.value-lg{font-size:22px;font-weight:700;margin-top:4px}.value-sm{font-size:11px;color:var(--text-dim);margin-top:2px}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}button{font-family:inherit;font-size:11px;padding:4px 12px;border-radius:3px;border:none;cursor:pointer;font-weight:600}.btn-danger{background:#c62828;color:#fff}.btn-danger:hover{background:#e53935}.btn-success{background:var(--green-bg);color:#a5d6a7}.btn-success:hover{background:#2e7d32}.btn-secondary{background:#333;color:#aaa}.btn-pending{background:var(--orange-bg);color:#ffcc80;cursor:wait}.filter-bar{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px}.filter-bar select,.filter-bar input{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:12px;font-family:inherit}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{padding:8px 16px;font-size:12px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--blue)}.page{padding:16px}.page-title{font-size:16px;font-weight:700;margin-bottom:12px}