:root{--navy:#102d45;--red:#e72c42;--bg:#f4f6f9;--line:#dfe6ed;--muted:#60758a;--green:#16845d}*{box-sizing:border-box}
body{margin:0;background:var(--bg);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--navy)}
header{min-height:78px;background:white;border-top:7px solid var(--red);display:flex;justify-content:space-between;align-items:center;padding:15px clamp(16px,4vw,64px);gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.brand{font-size:20px;font-weight:850;letter-spacing:-.5px}.brand b{color:var(--red)}.subbrand{color:var(--muted);font-size:12px;letter-spacing:1.2px}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 36px #102d450b;max-width:1100px;margin:38px auto;padding:clamp(18px,3vw,38px)}.box.narrow{max-width:590px}h1{font-size:26px;margin:0 0 11px}h2{font-size:18px;margin:24px 0 8px}h3{font-size:16px}p{line-height:1.6}
.note{font-size:13px;color:var(--muted)}.ok{background:#ebf8f0;color:#0d684a;padding:13px;border-radius:9px}.error{background:#fff1f3;color:#ad2441;border:1px solid #f3c8d0;padding:11px;border-radius:9px}.notice{background:#fff8e6;border-left:4px solid #d59b26;padding:13px 17px;border-radius:8px;color:#6a5024}
label{display:block;font-weight:700;font-size:13px;margin:14px 0}input,select{display:block;margin:6px 0 0;width:100%;border:1px solid #cbd6e0;background:white;border-radius:9px;height:44px;padding:9px 12px;color:var(--navy);font:inherit}input:focus{outline:2px solid #246c9e}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;text-decoration:none;background:var(--red);color:#fff;border-radius:9px;font:700 14px system-ui;padding:12px 17px;cursor:pointer;min-height:43px}button.secondary{background:white;border:1px solid #bccddd;color:var(--navy)}button:disabled{opacity:.55;cursor:wait}footer{text-align:center;color:#8d9aaa;font-size:12px;padding:12px 20px 36px}code{font-size:13px;background:#f1f5f7;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.tile{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fbfcff}.tile small{color:var(--muted);display:block}.tile strong{font-size:27px;display:block;margin-top:8px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.toolbar span{font-weight:800}.pill{font-size:12px;background:#e8f3fc;color:#1b5f8e;padding:5px 10px;border-radius:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left}th{background:#f8fafc;color:#5e7283;font-size:11px}td button{padding:6px 10px;font-size:12px;min-height:32px}.subtle{color:var(--muted)}