*{box-sizing:border-box}body{margin:0;background:#eef2f5;color:#17212b;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}.wrap{max-width:1080px;margin:auto;padding:14px 14px 100px}.hero,.panel{background:#fff;border:1px solid #dce4e9;border-radius:16px;padding:18px;margin-bottom:13px}.hero{background:#07182b;color:#fff}.hero small{color:#6ac3ff;font-weight:900}.hero h1{margin:5px 0}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bar input{width:auto}.status{padding:10px;border-radius:9px;background:#eaf3fa;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:14px;background:#f3f6f8;border-radius:12px;text-align:center}.metric b{display:block;font-size:25px}.metric span{font-size:11px;color:#61717c}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:5px;margin:10px 0}.field label{font-weight:850}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #cbd7de;border-radius:10px;font:inherit}.btn{border:1px solid #bfccd4;background:#fff;border-radius:10px;padding:11px 14px;font-weight:900}.primary{background:#0874c9;color:#fff;border-color:#0874c9}.gold{background:#a87925;color:#fff}.danger{background:#8b2533;color:#fff}.list{display:grid;gap:7px}.row{display:flex;justify-content:space-between;padding:10px;background:#f3f6f8;border-radius:9px}.warning{padding:11px;background:#fff1da;color:#7a4c00;border-radius:9px}.event{padding:12px;border-left:4px solid #0874c9;background:#f3f6f8;border-radius:0 10px 10px 0;margin:8px 0}.event h3{margin:4px 0}.event p{white-space:pre-wrap}.sticky{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ccd7df;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;justify-content:center}.sticky .btn{min-width:145px}.preview{position:fixed;z-index:40;inset:0;background:#07111fd9;padding:18px;overflow:auto}.preview article{max-width:760px;margin:auto;background:#fff;border-radius:16px;padding:20px}.preview-close{float:right}.hide{display:none!important}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.wrap{padding:8px 8px 95px}.hero,.panel{padding:14px}.sticky .btn{flex:1;min-width:0}.bar{align-items:stretch}.bar>*{flex:1}}