*,*:before,*:after{box-sizing:border-box}:root{--bg: #0d0f12;--surface: #161a1f;--surface2: #1e2329;--border: rgba(255,255,255,.08);--text: #f0f2f5;--muted: #8a909a;--green: #4ad98c;--green-dk: #2d8c5a;--amber: #fac238;--coral: #f06161;--purple: #b28cf0;--blue: #5b9cf6}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-sm{padding:14px 16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;border:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--green);color:#0d0f12}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--coral);color:var(--coral)}.btn-sm{padding:6px 12px;font-size:13px}input,select,textarea{width:100%;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--green)}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px;letter-spacing:.4px}.form-group{margin-bottom:14px}.error-msg{color:var(--coral);font-size:13px;margin:6px 0}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.tag-green{background:#4ad98c26;color:var(--green)}.tag-amber{background:#fac23826;color:var(--amber)}.tag-coral{background:#f0616126;color:var(--coral)}.tag-muted{background:#ffffff0f;color:var(--muted)}.tag-blue{background:#5b9cf626;color:var(--blue)}.tag-purple{background:#b28cf026;color:var(--purple)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.macro-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px}.macro-bar span{border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}