:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17351f;background:#eef4ef;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{width:min(1450px,100%);margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.brand{display:flex;align-items:center;gap:12px}.brand img.company-logo{width:min(340px,45vw);height:auto;border-radius:0;object-fit:contain}.brand h1,.brand p{margin:0}h1,h2,h3,p{margin-top:0}button,input{font:inherit}button{border:0;border-radius:11px;padding:12px 16px;background:#2f6f3e;color:#fff;font-weight:750;cursor:pointer;min-height:46px}button:hover{filter:brightness(.96)}button.secondary{background:#5d6860}button:disabled{opacity:.55;cursor:wait}.panel{background:#fff;border-radius:20px;padding:26px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.login-panel{max-width:430px;margin:9vh auto 0;text-align:center}.login-logo{width:min(100%,390px);height:auto;margin-bottom:16px}.company-logo{display:block}.login-panel form{display:grid;gap:12px}.login-panel input{text-align:center;font-size:2rem;letter-spacing:.45em;padding:12px;border:2px solid #b8c5bb;border-radius:10px}.error{color:#a51f1f;min-height:1.5em}.header-actions,.buttons{display:flex;gap:8px;flex-wrap:wrap}.connection{display:inline-block;margin:0 0 14px;padding:5px 10px;border-radius:999px;font-size:.9rem;font-weight:700}.connection.online{background:#dff3e4;color:#226533}.connection.offline{background:#ffe2c4;color:#8c4300}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.wagon{border:5px solid #9aa19c;border-radius:17px;padding:16px;background:#fff;transition:border-color .2s,background .2s,transform .1s}.wagon.running{border-color:#e2bd16;background:#fff9d9}.wagon.warning{border-color:#ed841c;background:#fff0dc}.wagon.expired{border-color:#c92a2a;background:#ffe1e1}.wagon-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.wagon-head h2{font-size:1.15rem}.wagon-head strong{font-variant-numeric:tabular-nums;font-size:1.45rem}.buttons button{flex:1;background:#647269}.buttons button.active{background:#2f6f3e;outline:3px solid rgba(47,111,62,.2)}dialog{width:min(850px,calc(100% - 24px));max-height:90vh;border:0;border-radius:18px;padding:20px}dialog::backdrop{background:rgba(0,0,0,.45)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{font-size:1.5rem;padding:4px 12px}.admin-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-form label,.rename-form label,.user-form label{display:grid;gap:6px;font-weight:700}.admin-form input,.rename-form input,.user-form input{padding:10px;border:1px solid #aeb8b0;border-radius:8px}.admin-form button{grid-column:1/-1}.wagon-admin,.user-admin{display:grid;gap:8px}.rename-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.user-form{display:grid;grid-template-columns:2fr 1fr auto auto;gap:8px;align-items:end;padding:10px;border:1px solid #d4ddd6;border-radius:10px}.role{padding:12px 4px;color:#56645a}.hint{color:#5d6860;font-size:.9rem}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#17351f;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.25);z-index:20}@media(max-width:700px){main{padding:10px}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.admin-form{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.user-form{grid-template-columns:1fr 1fr}.user-form .role{display:none}.login-panel{margin-top:4vh}}
.overview{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #d4ddd6;border-radius:15px;padding:12px 16px;margin:0 0 14px}.overview-total{display:flex;align-items:baseline;gap:10px}.overview-total span{font-weight:700}.overview-total strong{font-size:1.8rem}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px;font-weight:650}.status-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:#9aa19c;flex:0 0 auto}.status-dot.stage1{background:#2f8f46}.status-dot.stage2{background:#ed841c}.status-dot.done{background:#c92a2a}.status-dot.idle{background:#9aa19c}.wagon.stage1{border-color:#2f8f46;background:#e7f6eb}.wagon.stage2{border-color:#ed841c;background:#fff0dc}.wagon.done{border-color:#c92a2a;background:#ffe1e1}.wagon-head h2{display:flex;align-items:center;gap:8px}.run-count{font-size:.9rem;color:#4e5c52;margin-bottom:12px}.run-count span{color:#6c776f}@media(max-width:700px){.overview{align-items:flex-start}.legend{display:grid;grid-template-columns:1fr 1fr;width:100%}}

.admin-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.admin-section-head h3,.admin-section-head p{margin-bottom:4px}@media(max-width:700px){.brand{width:100%;align-items:flex-start;flex-direction:column}.brand img.company-logo{width:min(100%,360px)}.admin-section-head{flex-direction:column}.admin-section-head button{width:100%}}

.compact-section{background:#fff;border:1px solid #d4ddd6;border-radius:15px;padding:10px;margin:0 0 14px}.compact-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.compact-heading h2{font-size:1rem;margin:0}.compact-heading span{font-size:.72rem;color:#5d6860}.compact-overview{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.compact-wagon{min-width:0;border:2px solid #9aa19c;border-radius:8px;padding:4px 5px;background:#f5f7f5}.compact-wagon.stage1{border-color:#2f8f46;background:#e7f6eb}.compact-wagon.stage2{border-color:#ed841c;background:#fff0dc}.compact-wagon.done{border-color:#c92a2a;background:#ffe1e1}.compact-title{display:flex;gap:3px;align-items:center;min-width:0;line-height:1}.compact-title strong{font-size:.78rem;flex:0 0 auto}.compact-title span{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#465248}.compact-state{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3px;margin-top:3px;min-width:0}.compact-state .status-dot{width:8px;height:8px}.compact-state span{font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-state b{font-size:.62rem;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){.compact-section{padding:7px}.compact-heading{margin-bottom:5px}.compact-heading span{font-size:.58rem}.compact-overview{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.compact-wagon{padding:3px;border-width:1px;border-radius:6px}.compact-title strong{font-size:.68rem}.compact-title span{font-size:.5rem}.compact-state{gap:2px;margin-top:2px}.compact-state span{font-size:.48rem}.compact-state b{font-size:.53rem}.compact-state .status-dot{width:6px;height:6px}}
@media(max-width:360px){.compact-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-heading span{display:none}}