:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb;color:#13233b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f8fbff,#eef3f8)}#root{min-height:100vh}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.app-frame{width:min(100%,1200px);display:flex;flex-direction:column;gap:1rem}.top-nav{display:flex;gap:.75rem;align-items:center}.nav-button{border:1px solid #cdd8e4;border-radius:999px;background:#fffc;color:#17314b;padding:.7rem 1rem;cursor:pointer}.nav-button-active{background:#17314b;color:#fff;border-color:#17314b}.display-cabinet,.flavours-page,.batch-portions-page{width:100%;border:1px solid #cdd8e4;border-radius:24px;padding:2rem;background:#fff;box-shadow:0 22px 60px #13233b24}.cabinet-header,.page-header,.panel-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.eyebrow{margin:0 0 .2rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.24em;color:#6481a1;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.4rem,2vw,2rem)}.page-description,.cabinet-note,.panel-header p,.empty-state p{margin-top:.35rem;color:#56708d;font-size:.95rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.field,.checkbox-row{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.85rem;font-weight:600;color:#56708d}.search-field input,.field input,.field select{min-width:min(260px,100%);border:1px solid #cdd8e4;border-radius:12px;padding:.7rem .9rem;background:#f9fbff}.filter-group,.action-group,.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.chip,.primary-action,.secondary-action{border:1px solid #cdd8e4;border-radius:999px;padding:.7rem .95rem;background:#fff;color:#17314b;cursor:pointer}.primary-action{background:#17314b;color:#fff;border-color:#17314b}.chip-active{background:#e9f2ff;border-color:#90b0e0}.feedback{margin-bottom:1rem;padding:.85rem 1rem;border-radius:12px}.feedback.success{background:#effcf3;color:#0f6b3d}.feedback.error{background:#fff3f3;color:#a33b3b}.flavours-list-card,.panel-card{border:1px solid #e4edf7;border-radius:20px;background:linear-gradient(145deg,#fefeff,#f5f9ff);padding:1rem;margin-bottom:1rem}.table-shell{display:flex;flex-direction:column;gap:.7rem}.table-row{display:grid;grid-template-columns:1.6fr 1fr .8fr 1.2fr;gap:.75rem;align-items:center;padding:.8rem .2rem;border-bottom:1px solid #e4edf7}.table-row-head{font-size:.88rem;font-weight:700;color:#6481a1;text-transform:uppercase;letter-spacing:.06em}.empty-state{display:grid;place-items:center;min-height:220px;text-align:center}.field-error{color:#a33b3b;font-size:.85rem}.checkbox-row{flex-direction:row;align-items:center;gap:.55rem}.flavour-form{display:grid;gap:.9rem}.batch-portion-form{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.batch-portion-row{grid-template-columns:1.1fr 1.2fr 1fr 1fr 1fr 1.2fr .7fr}.movement-event-row{grid-template-columns:1.2fr 1fr 1.4fr 1.4fr 1fr}.cabinet-orientation{font-size:.8rem;font-weight:500;color:#647a91;margin:.25rem 0 .45rem;text-align:center}.cabinet-orientation-top{margin-top:0}.cabinet-orientation-bottom{margin:.25rem 0 0}.display-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;margin-bottom:.25rem}.display-slot{min-height:92px;border:1px solid #cdd8e4;border-radius:16px;background:linear-gradient(145deg,#f9fcff,#eef5fb);display:grid;place-items:center;font-size:1rem;font-weight:700;color:#17314b;box-shadow:inset 0 1px #ffffffb3}.display-slot span{text-align:center;line-height:1.2}@media (max-width: 840px){.form-grid{grid-template-columns:1fr}.display-row{grid-template-columns:repeat(6,minmax(0,1fr))}.display-slot{min-height:76px;font-size:.9rem}.cabinet-header,.page-header,.panel-header{flex-direction:column;align-items:start}.table-row{grid-template-columns:1fr;gap:.35rem}}@media (prefers-color-scheme: dark){:root{color-scheme:dark;background:#0d1624;color:#eaf3ff}body{background:linear-gradient(145deg,#111b2e,#16253e)}.display-cabinet,.flavours-page,.batch-portions-page,.flavours-list-card,.panel-card,.nav-button{background:#16253e;color:#eaf3ff;border-color:#314a68}.search-field input,.field input,.field select,.chip,.secondary-action{background:#1e2f44;color:#eaf3ff;border-color:#314a68}.page-description,.cabinet-note,.panel-header p,.empty-state p,.field-label,.table-row-head{color:#8ba2c1}}