:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2f4;background:#101418}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:8px;background:#f3c64e;color:#101418;font:inherit;font-weight:800;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{background:#2d363c;color:#9aa5aa}button:active:not(:disabled),.slot:active{filter:brightness(1.18);transform:translateY(1px) scale(.98)}.secondary-button{background:#2d363c;color:#eef2f4}.danger-button{background:#c8493a;color:#fff}main{min-height:100vh;padding:8px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:4px;white-space:nowrap}.topbar>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.station,.station-select{color:#f3c64e;font-size:16px;font-weight:800}.station-select{min-height:40px;border:1px solid #44545c;border-radius:8px;background:#171d21;padding:0 10px}h1,h2{margin:0;letter-spacing:0}h1{font-size:24px}h2{font-size:22px;margin-bottom:8px}.section-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.section-title span{color:#b8c2c7;font-size:15px;font-weight:700}.section-title strong{color:#f3c64e}.status{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;overflow:hidden}.status span,.alarm{min-height:34px;padding:0 8px;border-radius:8px;background:#1b2429;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800}.alarm{background:#8d2b22}.topbar-button{min-height:34px;width:34px;padding:0;flex:0 0 34px}.banner{background:#6b4b10;border:1px solid #f3c64e;border-radius:8px;padding:12px 14px;margin-bottom:14px;font-weight:700}.critical-banner{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 10px 8px 14px;margin-bottom:6px;background:#8d2b22;border:1px solid #f0a090;border-radius:8px;font-weight:800;white-space:nowrap;overflow:hidden}.critical-banner strong{font-size:16px}.critical-banner.muted{background:#2b3a40;border-color:#6f858f}.critical-banner span{color:#ffe8e3;font-weight:700;overflow:hidden;text-overflow:ellipsis}.critical-banner.muted span{color:#d8e3e7}.critical-banner button{min-height:34px;padding:0 12px;margin-left:auto;flex:0 0 auto}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:10px}.side-column{display:grid;align-content:start;gap:10px}.grill{padding:6px 0 12px}.grill-rollers{display:grid;grid-template-columns:1fr;gap:6px;padding:14px;border:1px solid #4a565c;background:linear-gradient(90deg,#14191d,#242b30 12%,#151b1f,#242b30 88%,#14191d);border-radius:8px}.grill-row{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-height:46px}.grill-row:before{content:"";position:absolute;left:34px;right:0;top:50%;height:16px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,#737f84,#2d363b 48%,#11171a 52%,#6f7a80);box-shadow:inset 0 2px 4px #ffffff38,inset 0 -3px 5px #00000073}.roller-label{position:relative;z-index:1;color:#9aa5aa;font-size:13px;font-weight:900;text-align:center}.slot{position:relative;z-index:1;min-height:40px;border-radius:999px;border:2px solid rgba(16,20,24,.38);display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:8px;padding:6px 38px 6px 12px;overflow:hidden;box-shadow:inset 0 3px 5px #ffffff38,inset 0 -5px 8px #4d120859,0 2px 4px #00000038}.slot:not(.empty){cursor:pointer}.slot[draggable=true]{cursor:grab}.slot[draggable=true]:active{cursor:grabbing}.slot.drag-over{outline:3px solid #ffffff;transform:translateY(-1px)}.slot-action{position:absolute;right:6px;bottom:6px;min-height:28px;width:28px;padding:0;background:#10141829}.slot span{font-weight:900;font-size:14px;color:#101418}.slot small{color:#101418;font-weight:800}.slot em{position:absolute;left:28px;right:36px;bottom:0;color:#1014189e;font-size:8px;font-style:normal;font-weight:900;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .state-icon{position:absolute;left:10px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#101418b3;font-style:normal;transform:translateY(-50%);pointer-events:none}.slot.empty{background:#080c0e6b;border:1px dashed #49555b;box-shadow:none;cursor:pointer}.slot.empty:after{content:"+";color:#7e8a90;font-size:22px;font-weight:900}.slot.missing{border:2px dashed rgba(255,255,255,.82);box-shadow:inset 0 3px 5px #ffffff24,inset 0 -5px 8px #00000047,0 0 #f3c64e94;animation:missingPulse .8s ease-in-out infinite alternate}.slot.missing span,.slot.missing small{color:#101418}.slot.heating{outline:2px solid #f3c64e}.slot.ready{outline:2px solid #58bf7b}.slot.expiring,.slot.expired{outline:3px solid #e05b43}@keyframes missingPulse{0%{opacity:.48;filter:saturate(.8)}to{opacity:1;filter:saturate(1.2);box-shadow:inset 0 3px 5px #ffffff2e,inset 0 -5px 8px #0000003d,0 0 0 5px #f3c64e33}}.product-paprikova{background:#d9533f}.product-tyrolska{background:#b78345}.product-sezonni{background:#8fae55}.product-kabanos{background:#7c4a2d}.product-klasik{background:#d9964a}.product-syrovy{background:#f0c85a}.panel{border-top:1px solid #314047;padding-top:16px}.need-header,.need-row,.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:70px;padding:12px 0;border-bottom:1px solid #263036}.need-header,.need-row.compact{grid-template-columns:minmax(92px,1fr) 42px 42px 52px 58px 94px;gap:8px}.goal-panel .need-header,.goal-panel .need-row.compact{grid-template-columns:minmax(72px,1fr) 32px 34px 44px 48px 74px;gap:6px}.need-header{min-height:28px;padding:0 0 6px;color:#8f9aa0;font-size:12px;font-weight:900;text-transform:uppercase}.need-row.compact{min-height:46px;padding:6px 0}.goal-panel .need-row.compact{min-height:40px;padding:4px 0}.task-row{grid-template-columns:auto minmax(0,1fr) auto}.task-row .task-error{color:#fca5a5;font-size:12px;text-align:right}.need-row strong,.task-row strong{display:block;font-size:18px}.need-row.compact strong{font-size:15px}.goal-panel .need-row.compact strong{font-size:13px}.need-count{min-height:30px;border-radius:8px;background:#1b2429;color:#eef2f4;display:inline-grid;place-items:center;font-weight:900}.target-delta{min-height:30px;border-radius:999px;display:inline-grid;place-items:center;font-weight:900}.target-delta.up{background:#2f8f55;color:#fff}.target-delta.down{background:#c8493a;color:#fff}.target-delta.same{background:#2d363c;color:#b8c2c7}.compact-button{min-height:34px;padding:0 10px;font-size:13px}.goal-panel .compact-button{min-height:30px;padding:0 7px;font-size:12px}.compact-button svg{width:17px;height:17px}.need-row span,.task-row span,.empty{color:#b8c2c7}.urgent strong,.due strong,.overdue strong{color:#f3c64e}.overdue{background:#291818}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000b8;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(420px,100%);border:1px solid #44545c;border-radius:8px;background:#171d21;padding:22px;box-shadow:0 18px 60px #00000057}.modal p,.modal label{color:#b8c2c7;font-weight:700}.modal input,.modal select,.modal textarea{width:100%;min-height:52px;margin:8px 0 16px;border:1px solid #44545c;border-radius:8px;background:#101418;color:#eef2f4;font:inherit;font-size:22px;padding:0 14px}.modal select{font-size:18px}.modal textarea{min-height:86px;padding:12px 14px;resize:vertical;font-size:18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.expired-sale-actions{grid-template-columns:1fr}.sale-modal,.discard-modal{text-align:center}.sale-countdown{width:72px;height:72px;margin:12px auto 0;border-radius:50%;border:3px solid #f3c64e;display:grid;place-items:center;color:#f3c64e;font-size:34px;font-weight:900}.product-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.reason-picker{display:grid;gap:10px;margin-top:16px}.reason-picker button{min-height:58px}.product-pick{min-height:58px;color:#101418;box-shadow:inset 0 3px 5px #ffffff2e,inset 0 -5px 8px #4d120838}.issue-backdrop{place-items:stretch}.issue-modal{width:min(1100px,100%);max-height:calc(100vh - 40px);overflow:auto;justify-self:center}.issue-canvas-wrap{position:relative;margin:12px 0 14px;border:1px solid #44545c;border-radius:8px;overflow:hidden;background:#101418}.issue-canvas-wrap img,.issue-canvas-wrap canvas{display:block;width:100%;height:auto}.issue-canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.icon-button{width:44px;min-height:44px;padding:0}.close{position:absolute;top:12px;right:12px;background:#2d363c;color:#eef2f4}.form-error{margin-bottom:12px;color:#f0a090;font-weight:800}.login-screen{min-height:100vh;padding:10px;display:flex;align-items:stretch}.staff-login-panel{width:100%;min-height:calc(100vh - 20px);display:flex;flex-direction:column;gap:10px}.staff-login-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.staff-login-header h1{font-size:24px}.staff-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.staff-card{min-height:104px;padding:10px 8px;flex-direction:column;gap:7px;background:#1b2429;color:#eef2f4;border:1px solid #354249}.staff-card:active{transform:translateY(1px)}.staff-avatar{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#101418}.staff-avatar-0{background:#f3c64e}.staff-avatar-1{background:#58bf7b}.staff-avatar-2{background:#75aadb}.staff-avatar-3{background:#f0a090}.staff-avatar-4{background:#b9a3e3}.staff-avatar-5{background:#8fd0c0}.staff-avatar-6{background:#d9964a}.staff-avatar-7{background:#9cc76f}.staff-avatar-8{background:#d987b8}.staff-avatar-9{background:#9aa8f0}.staff-card strong{max-width:100%;overflow-wrap:anywhere;font-size:16px;line-height:1.15}.manager-page{background:#f4f6f7;color:#172026}.manager-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #d9e0e3}.manager-header h1{color:#172026;font-size:30px}.manager-header span{color:#5b6970;font-weight:700}.manager-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0}.station-tile{min-height:90px;display:grid;align-content:center;justify-items:start;background:#fff;border:1px solid #d9e0e3;color:#172026;box-shadow:0 1px 2px #1720260d}.station-tile.active{border-color:#2b6cb0;box-shadow:inset 0 0 0 2px #2b6cb0}.station-tile strong{font-size:24px}.station-tile span{color:#5b6970}.manager-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px}.manager-panel{border-top:1px solid #d9e0e3;padding-top:16px}.manager-panel:nth-child(3){grid-column:1 / -1}.manager-panel h2{color:#172026}.manager-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.manager-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:14px 0 22px}.manager-metric{min-height:78px;padding:12px;border-radius:8px;background:#fff;border:1px solid #d9e0e3}.manager-metric span{display:block;color:#5b6970;font-weight:700}.manager-metric strong{display:block;color:#172026;font-size:24px;margin-top:6px}.manager-metric.warn{border-color:#c8493a}.manager-metric.ok{border-color:#2f8f55}.manager-list{display:grid;gap:0;margin-top:8px}.manager-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid #d9e0e3;color:#172026}.manager-plan-header,.manager-plan-row{display:grid;grid-template-columns:minmax(120px,1fr) 52px 52px 62px 70px;gap:10px;align-items:center}.manager-plan-header{min-height:30px;color:#5b6970;font-size:12px;font-weight:900;text-transform:uppercase}.manager-row.manager-plan-row{grid-template-columns:minmax(120px,1fr) 52px 52px 62px 70px}.manager-row svg{color:#5b6970}.manager-row span{color:#5b6970;font-weight:700}.manager-row.danger strong,.manager-alert{color:#c8493a}.manager-ok{color:#2f8f55;font-weight:900}.manager-alert{display:inline-flex;align-items:center;gap:6px;font-weight:900}.manager-form{margin-top:22px;border-top:1px solid #d9e0e3;padding-top:16px}.manager-form input,.manager-form textarea,.date-input{width:100%;min-height:46px;margin-bottom:10px;border:1px solid #c6d0d5;border-radius:8px;background:#fff;color:#172026;font:inherit;padding:10px 12px}.manager-form input[type=file]{padding:9px 12px}.manager-form textarea{min-height:86px;resize:vertical}.plan-import-form{margin-top:18px}.manager-checkbox{min-height:42px;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:#172026;font-weight:800}.manager-checkbox input{width:20px;min-height:20px;margin:0}.manager-success{margin-bottom:12px;color:#2f8f55;font-weight:900}.manager-link-button{min-height:42px;padding:0 14px;border-radius:8px;background:#2b6cb0;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:900}@media (max-width: 900px){.staff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-card{min-height:72px;padding:8px 6px}.staff-avatar{width:42px;height:42px}.staff-card strong{font-size:14px}.layout{grid-template-columns:1fr}.side-column{gap:14px}.grill-rollers{gap:8px;padding:10px}.grill-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:6px}.grill-row:before{left:28px}.slot{min-height:44px;padding:6px 30px 6px 8px}.slot span{font-size:12px}.slot small{font-size:11px}.topbar{align-items:center;flex-direction:row}.status{width:auto;justify-content:flex-end}.manager-header{align-items:flex-start;flex-direction:column}.manager-stations,.manager-grid,.manager-metrics{grid-template-columns:1fr}.manager-panel:nth-child(3){grid-column:auto}.manager-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0}}