:root{--deep:#173f46;--deep2:#0f2f34;--aqua:#72d9e2;--teal:#2c6b70;--bg:#eef3f2;--line:#d8e3e0;--muted:#6d7a7d}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--deep)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{background:linear-gradient(135deg,var(--deep2),var(--deep));padding:max(14px,env(safe-area-inset-top)) 14px 12px;color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.brand{width:min(920px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-left{display:flex;align-items:center;gap:11px;min-width:0}.brand img{height:52px;width:auto;max-width:170px;object-fit:contain}.app-sub{font-size:10px;letter-spacing:.18em;color:var(--aqua);font-weight:850}.signed-in{font-size:10px;color:#d6e9e8;margin-top:4px}.logout{color:#d6e9e8;text-decoration:none;font-size:11px}
.page{width:min(920px,100%);margin:auto;padding:14px 12px 40px}.hero{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#e6f5f4,#fff);border:1px solid #cde6e2;border-radius:18px;padding:14px;margin-bottom:12px}.hero-icon{font-size:38px}.hero strong{font-size:17px}.hero p{margin:4px 0 0;color:#53676b;font-size:13px;line-height:1.4}
.batch-grid{display:grid;grid-template-columns:1fr;gap:11px}.batch-card{background:#fff;border:1px solid var(--line);border-left-width:7px;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(23,63,70,.07)}.batch-card.in-use{border-left-color:#5ea56c}.batch-card.washing{border-left-color:#d8a53c}.batch-card.clean{border-left-color:#5b9fd6}.batch-card.dirty{border-left-color:#cf6e61}
.card-open{border:0;background:transparent;width:100%;text-align:left;color:inherit;padding:14px}.card-top{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center}.batch-letter{width:54px;height:54px;border-radius:15px;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900}.state-title{font-size:17px;font-weight:850}.state-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:5px;color:#50666a;font-size:12.5px}.chev{font-size:27px;color:#99a8aa}.contents-preview{margin-top:10px;padding-top:9px;border-top:1px solid #edf2f0}.contents-label{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--teal);font-weight:850;margin-bottom:7px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{background:#f3f7f6;border:1px solid #e1e9e7;border-radius:999px;padding:5px 7px;font-size:10.5px}.updated{display:block;color:#889497;font-size:10.5px;margin-top:9px}
.editor{display:none;border-top:1px solid var(--line);padding:14px;background:#fbfcfc}.editor.open{display:block}.section-title{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--teal);font-weight:850;margin:2px 0 8px}.spaced{margin-top:15px}.field-grid{display:grid;gap:9px}label{display:grid;gap:5px;font-size:11.5px;font-weight:750;color:#52666a}input,select,textarea{width:100%;border:1px solid #ccd9d6;border-radius:10px;padding:10px 11px;background:#fff;color:var(--deep)}
.qty-list{display:grid;gap:7px}.qty-row{display:grid;grid-template-columns:1fr 88px;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e2e9e7;border-radius:10px;background:#fff}.qty-name{font-size:12.5px;font-weight:750}.qty-control{display:flex;align-items:center;gap:4px}.qty-control button{width:27px;height:27px;border:1px solid #cfdbd8;background:#f5f8f7;border-radius:8px}.qty-control input{width:34px;padding:5px;text-align:center}.misc-list{display:grid;gap:7px}.misc-row{display:grid;grid-template-columns:1fr 67px 32px;gap:6px}.remove-misc{border:1px solid #e3cfcb;background:#fff4f2;border-radius:8px;color:#9d4d43}.add-misc{width:100%;border:1px dashed #96b5b0;background:#f5fbfa;color:var(--teal);padding:9px;border-radius:10px;font-weight:800}.primary-btn{width:100%;border:0;background:var(--deep);color:#fff;padding:12px;border-radius:11px;font-weight:850;margin-top:12px}.primary-btn:disabled{opacity:.6}.form-message{font-size:11px;color:#a14437;min-height:15px;margin-top:5px}.history{margin-top:12px;border-top:1px solid var(--line);padding-top:11px}.history summary{font-size:12px;font-weight:800;cursor:pointer}.history-list{display:grid;gap:7px;margin-top:9px}.history-item{background:#f2f6f5;border-radius:10px;padding:9px}.history-item strong,.history-item span,.history-item small{display:block}.history-item span{font-size:11px;color:#607074;margin-top:2px}.history-item small{font-size:10px;color:#8a9698;margin-top:3px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(10px);background:var(--deep);color:#fff;padding:10px 13px;border-radius:999px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translateX(-50%)}
.login-body{min-height:100dvh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at top,#d9f2f1,#eef3f2 50%)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:0 10px 32px rgba(23,63,70,.10)}.login-logo{text-align:center}.login-logo img{max-width:260px;max-height:95px}.login-card h1{text-align:center;margin:11px 0 5px}.login-card .eyebrow{text-align:center}.login-card form{display:grid;gap:11px;margin-top:17px}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--teal);margin:0}.muted{color:var(--muted);font-size:12.5px;line-height:1.4}.notice{padding:10px;border-radius:10px;margin:11px 0;font-size:12px}.notice.error{background:#fff0ed;color:#8b3e34}.notice.success{background:#e8f7ed;color:#28623a}.setup-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:3px 0}
@media(min-width:700px){.batch-grid{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr 1fr}}