*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#1e293b;font:15px/1.5 system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #dce2ea;padding:18px 4vw;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:5}.brand{font-size:27px;font-weight:800;color:#144acb;text-decoration:none;margin-right:auto;letter-spacing:-1px}.brand span{display:block;font-size:11px;color:#64748b;letter-spacing:.08em;font-weight:500}main{max-width:1600px;margin:auto;padding:36px 4vw}h1{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0}h2{font-size:19px;margin:0 0 18px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#60718c;font-weight:700}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.topline p{color:#64748b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stat{background:#fff;border:1px solid #e0e5ed;padding:20px;border-radius:12px}.stat strong{display:block;font-size:30px}.stat span{color:#64748b;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.toolbar input{width:160px}.toolbar #search{width:290px}.toolbar label{display:flex;align-items:center;gap:5px;font-size:12px;margin:0}.toolbar input[type=number]{width:95px}input,select,textarea,button{font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:9px 11px;background:#fff;color:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #8bb0ff;outline-offset:1px}button{cursor:pointer;white-space:nowrap}button:hover{background:#edf3ff;border-color:#84a6ed}#new,form button:first-of-type{background:#1857da;color:white;border-color:#1857da}label{display:block;margin:12px 0;font-size:13px}label input:not([type=checkbox]),label select,label textarea{display:block;width:100%;margin-top:5px}textarea{width:100%;resize:vertical}input[type=checkbox]{width:auto}.panel{background:#fff;border:1px solid #dce2ea;border-radius:12px;padding:24px;margin:18px 0}.detailgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fields label{min-width:0}.muted{font-size:12px;color:#64748b}.tablewrap{overflow:auto;background:white;border:1px solid #dce2ea;border-radius:12px;max-height:70vh}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#edf1f7;position:sticky;top:0;text-align:left;color:#52627b;white-space:nowrap}td,th{padding:14px;border-bottom:1px solid #e8edf3}td:first-child{max-width:340px}.titlebutton{background:none;border:0;text-align:left;padding:0;color:#174bab;font-weight:600;white-space:normal}.badge{display:inline-block;font-size:11px;border-radius:5px;padding:4px 7px;background:#eaf0ff;color:#274a8a}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.card{background:#fff;border:1px solid #dce2ea;border-radius:12px;padding:20px}.card h2{margin:10px 0}.card p{font-size:12px;color:#64748b}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.gallery img{width:100%;height:130px;object-fit:contain;background:#f3f5f9}.gallery a{word-break:break-word;font-size:12px}.file{border:1px solid #e0e5ed;border-radius:8px;padding:10px}.upload{border:1px dashed #8caae5;border-radius:8px;padding:15px;background:#f3f7ff}.record{border-top:1px solid #e5eaf1;padding:13px 0}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.record small{color:#64748b}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace;background:#eef2f7;padding:16px;border-radius:8px}.record pre{max-height:260px;overflow:auto}.historyrow{font-size:12px;padding:10px 0;border-bottom:1px solid #e6eaf1}#sync{font-size:12px;color:#23734c}#sync.error{color:#ac2424}#conflict{background:#fff0de;border:1px solid #e8b779;border-radius:8px;padding:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#182843;color:#fff;border-radius:10px;padding:15px 24px;z-index:10;max-width:90vw}#login{max-width:460px;margin:10vh auto;background:white;padding:35px;border-radius:16px;border:1px solid #dce2ea}#economyResult dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}#economyResult dd{margin:0;font-weight:600}a{color:#1857bf}[hidden]{display:none!important}@media(max-width:900px){.detailgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}header{padding:12px;gap:8px}.brand span{display:none}header button{font-size:12px;padding:7px}main{padding:20px 14px}.topline{align-items:flex-start}.topline button{font-size:12px}.toolbar #search{width:100%}#sync{max-width:130px}.panel{padding:18px}.fields{gap:0 10px}}