:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#f3f5f9;color:#182337;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#121b30;color:white;padding:18px max(18px,calc((100% - 1050px)/2));display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;letter-spacing:2px}.brand small{font-size:11px;color:#95c8ff;letter-spacing:1px}.subtitle{font-size:11px;color:#b0bdd5}#mode{font-size:11px;border:1px solid #7f8aa2;border-radius:15px;padding:5px 9px}nav{background:white;position:sticky;top:0;z-index:3;display:flex;justify-content:center;border-bottom:1px solid #dce1ea}nav button{background:none;border:none;min-height:48px;padding:12px 18px;font-weight:700;color:#728098;cursor:pointer}nav button.active{color:#225ac3;border-bottom:3px solid #225ac3}main{max-width:1050px;margin:0 auto;padding:20px 16px 80px}h1{font-size:22px;margin:0 0 17px}h2{font-size:17px;margin:0 0 12px}.card{background:white;border:1px solid #e1e5ed;box-shadow:0 2px 7px #172d5010;border-radius:14px;padding:17px;margin:0 0 13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 16px}.stat{border-radius:12px;background:white;padding:18px 10px;text-align:center;border:1px solid #e1e5ed}.stat strong{display:block;font-size:26px}.stat span,.muted{color:#65738a;font-size:12px}.action,.secondary{background:#2359be;color:white;padding:11px 15px;border:0;border-radius:10px;font-weight:700;cursor:pointer;min-height:42px}.secondary{background:#e9eef7;color:#253c61}.danger{background:#a92934}.flex{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:9px}.item{display:block;width:100%;border:1px solid #dfe4eb;border-radius:10px;padding:12px;background:white;text-align:left;color:inherit;cursor:pointer}.item:active{background:#ebf1ff}.item strong{font-size:15px}.item small{display:block;color:#687589;margin-top:5px;font-size:12px}.pill{display:inline-block;padding:4px 8px;background:#e9f0fc;border-radius:8px;color:#2857aa;font-size:12px;font-weight:700;margin:2px}.lines{font-weight:700;letter-spacing:.3px;line-height:2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.search{width:100%;padding:12px;border:1px solid #c8d2e0;border-radius:10px;font-size:16px;background:white;margin-bottom:13px}.row{display:flex;justify-content:space-between;gap:14px;align-items:center}.row>*{min-width:0}.divider{border-top:1px solid #e3e7ee;margin:13px 0}.label{font-size:12px;color:#66748c;margin-bottom:5px}.value{white-space:pre-wrap;overflow-wrap:anywhere}.record{padding:11px;border-radius:9px;background:#f5f7fb;margin:7px 0}.record b{display:block;margin-bottom:5px}.notice{background:#fff5df;border:1px solid #efdaac;border-radius:10px;padding:12px;color:#775220;margin:12px 0}.ok{background:#e9f8ee;border-color:#b9e7c7;color:#215c34}textarea{width:100%;min-height:100px;border:1px solid #cad3e0;border-radius:9px;padding:10px;font:inherit}button:disabled{opacity:.4} @media(max-width:560px){nav button{padding:10px 9px;font-size:13px;flex:1}main{padding:16px 11px 60px}.card{padding:13px}.stats strong{font-size:22px}.brand{font-size:23px}header{padding:14px 13px}}