:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}html[data-theme=dark]{color:#e8eef8;background:#111827}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}main{background:#fff;border:1px solid #dce3ed;border-radius:18px;width:min(100% - 32px,980px);margin:48px auto;padding:32px;box-shadow:0 14px 38px #1c2d4917}h1{color:#14213d;margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.35rem)}h2{margin:0 0 16px;font-size:1.15rem}p{color:#516074;line-height:1.55}section{background:#f8fafc;border:1px solid #e5eaf1;border-radius:14px;margin-top:28px;padding:22px}form{gap:16px;max-width:420px;margin-top:24px;display:grid}label{color:#25324a;gap:7px;font-weight:600;display:grid}input,select{background:#fff;border:1px solid #b9c5d4;border-radius:9px;width:100%;min-height:44px;padding:10px 12px}input:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2e7eea}button{color:#fff;cursor:pointer;background:#1967d2;border:0;border-radius:9px;min-height:42px;padding:9px 14px;font-weight:650}button:hover{background:#1156b5}button:disabled{cursor:wait;opacity:.6}ul{gap:10px;padding:0;list-style:none;display:grid}li{background:#fff;border:1px solid #e1e6ee;border-radius:10px;gap:8px;padding:14px;display:grid}li button{justify-self:start}summary{cursor:pointer;color:#25324a;font-size:1.04rem;font-weight:700}details>:not(summary){margin-top:16px}.management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.management-grid form{background:#fff;border:1px solid #e1e6ee;border-radius:10px;max-width:none;margin-top:0;padding:16px}.management-grid h3{margin:0}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto;min-height:auto}.button-row,.action-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.action-row label{flex:210px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h3{margin:0}.case-detail{background:#edf5ff;border-color:#b9d6f6;margin-top:20px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.case-grid article{background:#fff;border:1px solid #d7e4f2;border-radius:10px;padding:14px}.case-grid h4{margin:0 0 8px}.case-grid p{margin:6px 0}code{overflow-wrap:anywhere;background:#eef3f9;border-radius:8px;padding:12px;display:block}[role=alert]{color:#962a1d;background:#fff0ee;border-radius:8px;margin-top:20px;padding:12px}html[data-theme=dark] main,html[data-theme=dark] li,html[data-theme=dark] .management-grid form{background:#182235;border-color:#31405a}html[data-theme=dark] section{background:#111b2b;border-color:#31405a}html[data-theme=dark] .case-detail{background:#102641;border-color:#2d619a}html[data-theme=dark] .case-grid article{background:#182235;border-color:#31405a}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] label,html[data-theme=dark] summary{color:#f3f6fb}html[data-theme=dark] p{color:#c3cedf}html[data-theme=dark] input,html[data-theme=dark] select{color:#f3f6fb;background:#0d1523;border-color:#50627e}@media (width<=700px){main{border:0;border-radius:0;width:100%;min-height:100vh;margin:0;padding:24px 18px}section{padding:16px}.management-grid,.case-grid{grid-template-columns:1fr}}
