*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #ffffff;--surface2: #f0f2f5;--border: #d0d7de;--text: #24292f;--text-dim: #57606a;--text-head: #1f2328;--blue: #0969da;--green: #1a7f37;--yellow: #9a6700;--red: #cf222e;--purple: #8250df;--orange: #e16f24;--radius: 8px;--shadow: 0 4px 24px rgba(0,0,0,.1)}html,body{height:100%;background:var(--bg);color:var(--text);font:13px/1.5 Segoe UI,system-ui,sans-serif}#root{display:flex;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:5px 14px;transition:all .15s}button:hover{border-color:var(--blue);color:var(--blue)}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover{background:#0559ba;border-color:#0559ba;color:#fff}button.danger{color:var(--red);border-color:var(--red)}button.danger:hover{background:var(--red);color:#fff}input,select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:5px 10px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--blue)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.sec-hdr{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sec-title{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.sec-line{flex:1;height:1px;background:var(--border)}.badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim)}.badge.blue{background:#dbeafe;color:var(--blue);border-color:#93c5fd}.badge.green{background:#dafbe1;color:var(--green);border-color:#6ee7b7}.badge.red{background:#ffdce0;color:var(--red);border-color:#fca5a5}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.kpi-card{background:#f6f7f9;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-accent, var(--blue))}.kpi-val{font-size:24px;font-weight:700;color:var(--text-head);letter-spacing:-.02em;line-height:1}.kpi-lbl{font-size:10.5px;color:var(--text-dim);margin-top:5px;text-transform:uppercase;letter-spacing:.05em}.wip{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-dim);font-size:14px;border:2px dashed var(--border);border-radius:var(--radius)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}