:root{--red:#d63232;--blue:#1f66ff;--bg:#10151c;--ink:#fff;--muted:#aab4c0;--radius:14px;--row-h:clamp(58px,8vh,92px);--gap:clamp(6px,1vw,12px);--weight-w:clamp(66px,9vw,120px)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% -20%,#293441,#10151c 52%);color:var(--ink);font-family:Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:max(15px,env(safe-area-inset-top)) clamp(14px,3vw,48px) 15px;border-bottom:1px solid #34404d}header span{font-size:11px;font-weight:800;letter-spacing:.18em;color:#ffcbcb}h1{font-size:clamp(20px,2.5vw,38px);margin:4px 0 0}.section-nav{display:flex;align-items:center;gap:8px}.section-nav a,.tatami-tabs a{color:#dbe3eb;text-decoration:none;font-weight:800;border:1px solid #465363;border-radius:10px;padding:10px 14px;background:#1a222c}.section-nav a.active,.tatami-tabs a.active{background:var(--red);border-color:#f05a5a;color:#fff}.section-nav .logout{color:var(--muted);background:transparent}.tatami-tabs{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:8px;padding:12px;background:#10151cf2;backdrop-filter:blur(10px);overflow-x:auto}.tatami-tabs a{min-width:120px;text-align:center}main{padding:clamp(12px,2vw,28px);display:flex;justify-content:center}.prod-board{width:min(1500px,100%)}.tatami-head{height:clamp(44px,6vh,64px);padding:0 18px;border-radius:16px;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3vw,34px);font-weight:900;margin:0 auto var(--gap);width:min(520px,100%)}.rows{display:flex;flex-direction:column;gap:var(--gap)}.row{display:grid;grid-template-columns:minmax(0,1fr) var(--weight-w) minmax(0,1fr);gap:var(--gap);min-height:var(--row-h);transform:translateX(var(--stair,0));width:calc(100% - var(--stair,0));transition:transform .3s ease}.cell{border-radius:var(--radius);padding:10px clamp(10px,1.5vw,22px);display:flex;align-items:center;min-width:0;box-shadow:inset 0 1px 0 #ffffff35}.white{background:linear-gradient(180deg,#fff,#e9e9e9);color:#111}.blue{background:linear-gradient(180deg,#3477ff,#1552d5);color:#fff}.weight{background:linear-gradient(180deg,#e24747,#ba2525);justify-content:center;font-weight:900;font-size:clamp(16px,2vw,25px)}.person{min-width:0}.person b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,2.25vw,31px)}.person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(11px,1.2vw,17px);opacity:.8}.row.current{position:relative}.row.current::after{content:"";position:absolute;inset:-3px;border:3px solid #f6d365;border-radius:18px;pointer-events:none}.row.current .weight::after{content:"СЕЙЧАС";position:absolute;transform:translateY(calc(var(--row-h)/2 + 9px));font-size:10px;background:#f6d365;color:#251b00;padding:3px 7px;border-radius:8px}.empty{text-align:center;padding:50px;color:var(--muted);font-size:20px}.online-state{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:8px 12px;border:1px solid #465363;border-radius:20px;background:#1a222c;color:var(--muted);font-size:12px}.online-state.error{background:#7a2727;color:#fff}@media(max-width:720px){header{align-items:flex-start}.section-nav a{padding:8px 9px;font-size:12px}.section-nav .logout{display:none}.tatami-tabs{justify-content:flex-start}.tatami-tabs a{min-width:104px}.row{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);transform:none;width:100%}.cell{padding:8px}.person b{font-size:15px}.person small{font-size:10px}.weight{font-size:14px}}@media(max-width:480px) and (orientation:portrait){header{display:block}.section-nav{margin-top:12px}.section-nav a{flex:1;text-align:center}.row{min-height:72px}.tatami-head{font-size:22px}}@media(max-height:520px) and (orientation:landscape){header{padding-top:8px;padding-bottom:8px}header span{display:none}h1{font-size:20px}.tatami-tabs{padding:7px}.tatami-tabs a{padding:7px 12px}.row{--row-h:52px}.cell{padding-top:5px;padding-bottom:5px}.person b{font-size:16px}}