:root{font-family:Inter,system-ui,sans-serif;color:#102a43;background:#f4f7fb;--blue:#087e8b;--navy:#102a43;--line:#d8e2ec}*{box-sizing:border-box}body{margin:0}.top{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:var(--navy);text-decoration:none}.brand>b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--navy);color:white}.brand span{display:flex;flex-direction:column}.brand small{color:#678}.top nav{display:flex;gap:8px;align-items:center}.top a,.top button,.hero button,.tabs button,form button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 14px;color:var(--navy);text-decoration:none;font-weight:700;cursor:pointer}main{max-width:1280px;margin:auto;padding:22px 16px 60px}.hero{display:flex;justify-content:space-between;align-items:end}.hero p{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue);margin:0}.hero h1{font-size:34px;margin:5px 0}.hero span{color:#678}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric,.panel{background:white;border:1px solid var(--line);border-radius:16px}.metric{padding:16px}.metric b{font-size:24px;display:block}.metric span{color:#678;font-size:13px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.tabs button{white-space:nowrap}.tabs button.active,form button,.hero button{background:var(--navy);color:white;border-color:var(--navy)}.panel{padding:18px;margin-top:4px}.tab{display:none}.tab.active{display:block}.panel h2{margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head input{max-width:360px}.rows{display:grid;gap:8px}.row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e6edf3;border-radius:12px}.row small{display:block;color:#678;margin-top:4px}.row strong{text-align:right}.row button{margin-left:6px}.alert{background:#fff8e6;border:1px solid #f4d58d;padding:12px;border-radius:12px;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:18px}.split form{display:grid;gap:10px;align-content:start;padding:14px;background:#f7f9fc;border-radius:12px}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:white;font:inherit}.count-list{margin:12px 0}.count-list .row{grid-template-columns:1fr 130px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 18px;border-radius:10px;display:none}.toast.show{display:block}[hidden]{display:none!important}@media(max-width:720px){.top{height:auto;min-height:58px;padding:10px 12px}.brand small{display:none}.top nav a,.top nav button{padding:8px;font-size:13px}.top nav a[href='/']{display:none}main{padding:16px 10px 90px}.hero h1{font-size:28px}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.panel{padding:12px}.panel-head{align-items:stretch;flex-direction:column}.form-grid,.split{grid-template-columns:1fr}.row{grid-template-columns:1fr auto;padding:10px}.tabs{position:sticky;top:58px;background:#f4f7fb;z-index:4;padding:8px 0}.tabs button{padding:9px 12px}}
.form-grid label,.split label,#inventory-form>label{display:grid;gap:5px;color:#52677a;font-size:12px;font-weight:700}.form-grid h3{grid-column:1/-1;margin:0}.subform{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.form-help{min-height:18px;margin:0;color:#9a5b13;font-size:12px}select:disabled,button:disabled{opacity:.55;cursor:not-allowed}