*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif;background:#f4f6fb;color:#1c2333}header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0f1b3d;color:#fff}header .sp{flex:1}header button{background:transparent;color:#fff;border:1px solid #ffffff55}nav{display:flex;gap:6px;padding:10px 20px;background:#fff;border-bottom:1px solid #e3e7ef}nav button.on{background:#0f1b3d;color:#fff}main{padding:20px;max-width:1200px;margin:0 auto}button{font:inherit;padding:6px 14px;border-radius:6px;border:1px solid #c9d0de;background:#fff;cursor:pointer}button.primary{background:#2457d6;color:#fff;border-color:#2457d6}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:6px 10px;border:1px solid #c9d0de;border-radius:6px;min-width:220px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th,td{padding:8px 10px;border-bottom:1px solid #edf0f5;text-align:start;vertical-align:top}th{background:#f0f3f9;font-weight:600}.card{background:#fff;border:1px solid #e3e7ef;border-radius:10px;padding:16px;margin-bottom:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips label{background:#f0f3f9;border-radius:16px;padding:4px 10px;display:flex;gap:6px;align-items:center}.err{background:#fde8e8;color:#9b1c1c;padding:8px 12px;border-radius:6px;margin-bottom:10px}.ok{background:#e6f6ec;color:#17643a;padding:8px 12px;border-radius:6px;margin-bottom:10px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:16px}.muted{color:#6b7488;font-size:.9em}code{background:#f0f3f9;padding:2px 6px;border-radius:4px}