:root{--red: #e31b2f;--red-hover: #c8162a;--red-soft: rgba(227,27,47,.12);--side: #15171c;--side-tx: #aeb4bf;--side-hover: rgba(255,255,255,.06);--page: #f6f7f9;--card: #ffffff;--surface-1: #f1f2f4;--border: #e6e8eb;--border-strong: #d6d9dd;--text: #15171c;--text-2: #5b6270;--muted: #8b919c;--ok-bg: #e7f6ee;--ok-tx: #0f7a43;--warn-bg: #fdf0d9;--warn-tx: #9a6a06}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}a{color:var(--red);text-decoration:none}.app{display:flex;min-height:100vh}.side{width:200px;background:var(--side);color:var(--side-tx);padding:18px 14px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;padding:4px 6px 16px}.logo .wm{color:#fff;font-weight:600;letter-spacing:.12em;font-size:16px;line-height:1}.logo .sub{color:var(--side-tx);font-size:9px;letter-spacing:.2em;margin-top:3px}.logo .tile{width:34px;height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--side-tx);font-size:14px;border:none;background:none;width:100%;text-align:left}.nav:hover{background:var(--side-hover);color:#fff}.nav.on{background:var(--red);color:#fff}.nav i{font-size:18px}.su{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.su .avr{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.su .nm{color:#fff;font-size:13px}.su .rl{color:var(--side-tx);font-size:11px}.su .out{margin-left:auto;color:var(--side-tx);background:none;border:none;font-size:18px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.tb{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--card)}.tt{font-size:18px;font-weight:600}.badge{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--red-soft);color:var(--red);display:inline-flex;gap:4px;align-items:center}.body{padding:22px;flex:1}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.kcard{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.klab{font-size:13px;color:var(--text-2)}.kval{font-size:24px;font-weight:600;margin-top:5px}.kval.red{color:var(--red)}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.h{font-size:16px;font-weight:600;margin:0 0 14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}label{font-size:13px;color:var(--text-2)}.in{border:1px solid var(--border);border-radius:9px;padding:9px 11px;font-size:14px;background:var(--card);color:var(--text);width:100%}.in:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.btn{background:var(--card);border:1px solid var(--border-strong);border-radius:9px;padding:9px 14px;font-size:14px;color:var(--text);display:inline-flex;gap:6px;align-items:center}.btn:hover{background:var(--surface-1)}.pri{background:var(--red);border:none;color:#fff;border-radius:9px;padding:10px 16px;font-size:14px;display:inline-flex;gap:6px;align-items:center}.pri:hover{background:var(--red-hover)}.pri:disabled{opacity:.5}.pill{font-size:12px;padding:3px 10px;border-radius:20px;display:inline-flex;gap:5px;align-items:center}.pill.ok{background:var(--ok-bg);color:var(--ok-tx)}.pill.warn{background:var(--warn-bg);color:var(--warn-tx)}.pill.review{background:var(--red-soft);color:var(--red)}.chip{background:var(--surface-1);border-radius:9px;padding:6px 11px;font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;color:var(--muted);padding:10px;font-size:12px;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.scrollx{overflow-x:auto}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.loginc{width:320px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 26px}.muted{color:var(--muted);font-size:13px}.warn-txt{color:var(--warn-tx);font-size:12px}
