.auth-shell{place-items:center;min-height:100dvh;padding:18px;display:grid;position:relative}.auth-shell:before{content:"";pointer-events:none;border:1px dashed #11172038;position:absolute;inset:10px}.auth-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 9% 24%,#ffffffbd,#0000 34%),radial-gradient(circle at 88% 80%,#c4e2ff57,#0000 42%);position:absolute;inset:0}.auth-layout{z-index:1;grid-template-columns:1fr 1fr;gap:14px;width:min(980px,100%);display:grid;position:relative}.auth-promo,.auth-card{padding:24px;position:relative;overflow:hidden}.auth-promo:before,.auth-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#c9e0ffd6,#ffc6d1cc,#fff2bdd6);border-bottom:1px solid #11172040;width:100%;height:18px;position:absolute;top:0;left:0}.auth-card h1,.auth-promo h2{letter-spacing:.02em;margin-top:12px;margin-bottom:10px}.auth-card p,.auth-promo p{margin-bottom:12px}.auth-note{color:var(--ink-1);background:linear-gradient(#fcfeffd6,#e5ecf5eb);border:1px solid #1117203d;margin-top:12px;padding:8px 10px;font-size:.84rem;box-shadow:2px 2px #11172029}.auth-card .btn,.auth-card input,.auth-card select{min-height:42px}.auth-promo ul{gap:8px;margin:0;padding-left:18px;line-height:1.35;display:grid}.auth-promo li::marker{color:color-mix(in srgb, var(--section-accent) 70%, #111)}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-promo{order:2}.auth-card{order:1}}@media (width<=620px){.auth-shell{padding:10px}.auth-shell:before{inset:6px}.auth-promo,.auth-card{padding:14px}.auth-card input,.auth-card select{font-size:16px}.auth-card .inline-actions .btn{width:100%}}:root{--bg-0:#d4d7dc;--bg-1:#b9c0c9;--bg-2:#a2abb7;--surface-0:#fafcffad;--surface-1:#ecf1f7c7;--surface-2:#dce4efd1;--ink-0:#0f141b;--ink-1:#2a3442;--ink-2:#526174;--ink-3:#73839a;--border-0:#0f141b33;--border-1:#0f141b1a;--border-2:#0f141b0f;--accent:#bf5715;--accent-2:#e18c2c;--accent-soft:#bf571530;--good:#2f855a;--warn:#a56d1e;--bad:#be3a3a;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--shadow-sm:0 8px 22px #161d2614;--shadow-md:0 20px 46px #161d2624;--shadow-lg:0 30px 80px #141a2338;--gap-xs:6px;--gap-sm:10px;--gap-md:16px;--gap-lg:22px;--gap-xl:30px;--font-title:"Lucida Console", "Courier New", "Monaco", monospace;--font-body:"Verdana", "Tahoma", "Geneva", sans-serif;--anim-fast:.16s cubic-bezier(.2, .8, .2, 1);--anim-mid:.26s cubic-bezier(.2, .8, .2, 1);--anim-slow:.42s cubic-bezier(.16, 1, .3, 1);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink-0);background-color:#0000;background-image:radial-gradient(1200px 500px at 8% -6%,#ffffffb8,#0000 58%),radial-gradient(1000px 520px at 94% 4%,#fccabb4d,#0000 52%),linear-gradient(166deg,#f2eee4,#e8e2d6 44%,#d7d0c2);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);margin:0}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.app-shell{--section-accent:var(--accent);--section-accent-soft:var(--accent-soft)}body[data-section=analytics] .app-shell,body[data-section=reports] .app-shell{--section-accent:#3d6da7;--section-accent-soft:#3d6da733}body[data-section=workshops] .app-shell,body[data-section=bottling] .app-shell,body[data-section=brewProduction] .app-shell,body[data-section=brewTechCards] .app-shell,body[data-section=kegs] .app-shell{--section-accent:#a14a14;--section-accent-soft:#a14a1433}body[data-section=warehouse] .app-shell,body[data-section=inventory] .app-shell{--section-accent:#59692f;--section-accent-soft:#59692f38}body[data-section=market] .app-shell{--section-accent:#8a4f5d;--section-accent-soft:#8a4f5d38}body[data-section=logistics] .app-shell{--section-accent:#2d6d77;--section-accent-soft:#2d6d7736}body[data-section=settings] .app-shell,body[data-section=marketSettings] .app-shell,body[data-section=promotions] .app-shell{--section-accent:#6d587e;--section-accent-soft:#6d587e33}body[data-section=history] .app-shell{--section-accent:#5a5f6f;--section-accent-soft:#5a5f6f33}body[data-section=dashboard] .app-shell,body[data-section=catalog] .app-shell,body[data-section=orders] .app-shell,body[data-section=payments] .app-shell,body[data-section=chat] .app-shell,body[data-section=profile] .app-shell,body[data-section=documents] .app-shell{--section-accent:#2e5f8d;--section-accent-soft:#2e5f8d33}.app-shell{width:min(1380px,100% - 28px);padding:14px 0 calc(106px + var(--safe-bottom));z-index:1;margin:0 auto;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.55;border:1px dashed #161c262e;position:fixed;inset:10px}.top-logo{justify-content:space-between;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-md);display:flex;position:relative}.top-logo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 14px,#1a212c3d 14px 16px,#0000 16px 28px,#1a212c3d 28px 30px,#0000 30px 42px,#1a212c3d 42px 44px,#0000 44px 100%);width:54px;height:12px;position:absolute;top:8px;right:4px}.logo-pill{letter-spacing:.02em;background:linear-gradient(#eeeff2fa,#cdd0d6fa);border:2px solid #1519217a;border-radius:0;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-weight:700;display:inline-flex;position:relative;box-shadow:4px 4px #11151d59}.logo-pill:after{content:"";background:linear-gradient(90deg,#ffffffdb 0 10px,#0000 10px 16px,#ffffffdb 16px 26px,#0000 26px 32px,#ffffffdb 32px 42px);border-bottom:1px solid #0000001f;border-left:1px solid #0000001f;width:44px;height:14px;position:absolute;top:-2px;right:-2px}.logo-pill:before{content:attr(data-abbr);background:linear-gradient(145deg, var(--accent-2), var(--section-accent));color:#fff;letter-spacing:.06em;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:inline-flex}.shell-meta{align-items:center;gap:8px;display:inline-flex}.section-chip{color:var(--ink-2);white-space:nowrap;background:linear-gradient(#f9fbfee0,#e2e7f1db);border:1px solid #12182340;border-radius:0;padding:6px 10px;font-size:.74rem;font-weight:700;box-shadow:2px 2px #0f141b29}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#eff2f7f2,#d6dde8f5);border:2px solid #0f141b75;border-radius:0;position:relative;overflow:clip;box-shadow:5px 5px #12182357,inset 0 0 0 2px #ffffff73}.panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff38,#0000 45%);position:absolute;inset:0}.panel:after{content:"";opacity:.92;pointer-events:none;background:linear-gradient(90deg,#fff3bbe0,#ffbfcdd6,#bfddffd6);border-bottom:2px solid #0f141b47;width:100%;height:24px;position:absolute;top:0;left:0}.page-header{z-index:1;gap:var(--gap-md);margin-bottom:var(--gap-lg);border-bottom:1px solid var(--border-2);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:4px;padding-bottom:10px;display:flex;position:relative}.page-header:before{content:"";background:linear-gradient(90deg,#0000 0 10px,#0f141b59 10px 12px,#0000 12px 24px,#0f141b59 24px 26px,#0000 26px 38px,#0f141b59 38px 40px,#0000 40px 100%),linear-gradient(#f8fbfff2,#d8dfe9f0);border:1px solid #0f141b4d;width:74px;height:16px;position:absolute;top:-24px;right:4px;box-shadow:1px 1px #0f141b33}.page-sub{color:var(--ink-2);font-size:.93rem;line-height:1.38}.back-btn,.btn,.icon-btn{cursor:pointer;transition:transform var(--anim-fast), border-color var(--anim-fast), background var(--anim-fast), box-shadow var(--anim-fast);background:linear-gradient(#f5f7fbfa,#d6dce6fa);border:2px solid #11172080;border-radius:0;padding:10px 14px;box-shadow:2px 2px #11172057,inset 1px 1px #ffffffbf,inset -1px -1px #8992a1a6}.back-btn:hover,.btn:hover,.icon-btn:hover{border-color:#0f141b4d;transform:translateY(-1px);box-shadow:3px 3px #11172061,inset 1px 1px #ffffffbf,inset -1px -1px #8992a1a6}.btn.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--section-accent) 42%, #fff3be), var(--section-accent));color:#fffdfa;border-color:color-mix(in srgb, var(--section-accent) 70%, #111)}.btn.success{color:#14261a;background:linear-gradient(#d5f5dd,#8fcb9e);border-color:#2d5b39}.btn.danger{color:#2d0f13;background:linear-gradient(#ffd6da,#ee8f98);border-color:#6a2a32}.btn.ghost{background:linear-gradient(#f7f9fcdb,#e0e6f0db)}.btn-icon{justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;display:inline-flex}.btn-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:16px;height:16px}.btn-badge{color:#fff;background:#1f2631;border:1px solid #11172080;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 4px;font-size:.7rem;font-weight:700;display:inline-flex}.btn-cart-shortcut{color:#173257;background:linear-gradient(#d9e8ff,#b5cff5);border-color:#35507d}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.back-btn:active,.btn:active,.icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #11172052,inset 1px 1px #ffffffb3,inset -1px -1px #8992a18c}.bento-grid{z-index:1;gap:var(--gap-md);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.tile{padding:var(--gap-lg);min-height:96px;animation:tile-in var(--anim-slow) both;background:linear-gradient(#f5f8fcf5,#dfe6f0f5);border:2px solid #0f141b52;border-radius:0;position:relative;overflow:clip;box-shadow:3px 3px #0f141b3d,inset 0 0 0 1px #fff9}.tile>*{z-index:1;position:relative}.tile:before{content:"";background:linear-gradient(90deg,#fff3bbd1,#ffbfcdc7,#bfddffc7);border-bottom:1px solid #0f141b2e;width:100%;height:16px;position:absolute;top:0;left:0}.tile:after{content:"";opacity:.86;background:linear-gradient(90deg,#0000 0 10px,#14181f59 10px 12px,#0000 12px 24px,#14181f59 24px 26px,#0000 26px 38px,#14181f59 38px 40px,#0000 40px 100%),linear-gradient(#ffffffbf,#dce2ecbf);border:1px solid #0f141b3d;width:46px;height:12px;position:absolute;top:4px;right:8px}.tile h3{letter-spacing:.01em;margin-bottom:var(--gap-sm);margin-top:4px;font-size:1.02rem}.tile-head{align-items:center;gap:10px;display:flex}.tile-icon{background:linear-gradient(#fafcffeb,#dce3eee6);border:1px solid #0f141b59;border-radius:0;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:2px 2px #0f141b33,inset 1px 1px #ffffffd9}.tile-icon svg{width:17px;height:17px;stroke:color-mix(in srgb, var(--section-accent) 70%, #1f2733);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.tile p,.tile li,.tile td,.tile th,.tile span,.tile label,.tile input,.tile select,.tile textarea{font-size:.92rem}.tile:first-child{animation-delay:24ms}.tile:nth-child(2){animation-delay:52ms}.tile:nth-child(3){animation-delay:78ms}.tile:nth-child(4){animation-delay:.104s}.tile:nth-child(5){animation-delay:.128s}.tile:nth-child(6){animation-delay:.154s}.tile:nth-child(7){animation-delay:.176s}.tile:nth-child(8){animation-delay:.204s}.tile:nth-child(9){animation-delay:.23s}.tile:nth-child(10){animation-delay:.256s}.tile:nth-child(11){animation-delay:.278s}.tile:nth-child(12){animation-delay:.304s}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.metric{align-items:baseline;gap:10px;display:flex}.metric strong{font-family:var(--font-title);font-size:clamp(1.24rem,3.2vw,1.9rem);font-weight:700}.kpi-strip{gap:6px;margin-top:10px;display:flex}.kpi-strip span{background:color-mix(in srgb, var(--section-accent) 40%, #ffffff73);border-radius:0;flex:1;min-height:8px}.trend-up{color:var(--good);font-weight:700}.trend-down{color:var(--bad);font-weight:700}.form-grid{gap:var(--gap-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-group{gap:var(--gap-xs);flex-direction:column;display:flex}.form-group label{color:var(--ink-1);font-weight:600}.form-group input,.form-group select,.form-group textarea{transition:border-color var(--anim-fast), box-shadow var(--anim-fast);background:linear-gradient(#fbfdfff0,#e7ecf4eb);border:2px solid #0f141b3d;border-radius:0;outline:none;padding:10px 12px;box-shadow:2px 2px #0f141b29,inset 1px 1px #fffc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:color-mix(in srgb, var(--section-accent) 70%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--section-accent-soft) 82%, #fff)}.validation{color:var(--bad);min-height:18px;font-size:.8rem}.table-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(#fcfdffe0,#e9eff8d1);border:2px solid #0f141b3d;border-radius:0;overflow:auto;box-shadow:2px 2px #0f141b29}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #0f141b14;padding:10px 12px}th{z-index:1;color:var(--ink-2);background:linear-gradient(90deg,#fff3bbc2,#ffbfcdad,#bfddffb3);border-bottom:2px solid #0f141b33;font-size:.8rem;position:sticky;top:0}tbody tr{transition:background var(--anim-fast)}tbody tr:hover{background:color-mix(in srgb, var(--section-accent) 10%, #fff)}tbody tr:last-child td{border-bottom:none}.badge{white-space:nowrap;border:1px solid #0f141b47;border-radius:0;padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:1px 1px #0f141b1f}.badge.good{color:#1f5e3f;background:#2f855a24;border-color:#2f855a57}.badge.warn{color:#764d10;background:#a56d1e24;border-color:#a56d1e57}.badge.bad{color:#7e2424;background:#be3a3a24;border-color:#be3a3a57}.bottom-nav{z-index:30;left:50%;bottom:calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f2f5faf2,#d8dfeaf2);border:2px solid #0f141b61;border-radius:0;width:min(1220px,100% - 24px);position:fixed;transform:translate(-50%);box-shadow:4px 4px #0f141b47,inset 0 0 0 1px #ffffffa6}.bottom-nav ul{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0;padding:8px;list-style:none;display:flex;overflow-x:auto}.bottom-nav ul::-webkit-scrollbar{display:none}.bottom-nav li{scroll-snap-align:start;flex:none}.bottom-nav button{min-width:130px;color:var(--ink-1);cursor:pointer;transition:background var(--anim-fast), border-color var(--anim-fast), color var(--anim-fast);background:linear-gradient(#fafcffcc,#e3e9f3cc);border:1px solid #0f141b3d;border-radius:0;padding:10px 12px;font-weight:700}.bottom-nav button.active{background:linear-gradient(180deg, color-mix(in srgb, var(--section-accent) 25%, #fff6d1), color-mix(in srgb, var(--section-accent) 45%, #e7ecf6));border-color:color-mix(in srgb, var(--section-accent) 70%, #222);color:color-mix(in srgb, var(--section-accent) 85%, #222);box-shadow:2px 2px #0f141b33}.bottom-nav button:hover{border-color:#0f141b33}.toast-stack{z-index:50;flex-direction:column;gap:10px;max-width:min(94vw,360px);display:flex;position:fixed;top:16px;right:14px}.toast{animation:toast-in var(--anim-mid) both;background:linear-gradient(#fbfcfffa,#e4ebf6fa);border:2px solid #0f141b61;border-radius:0;padding:12px 14px;position:relative;box-shadow:3px 3px #0f141b47}.toast:after{content:"";border-right:1px solid var(--border-0);border-bottom:1px solid var(--border-0);background:#fbfcfffa;width:14px;height:14px;position:absolute;bottom:-8px;right:16px;transform:rotate(45deg)}.toast p{color:var(--ink-1);font-size:.86rem;line-height:1.35}.toast strong{margin-bottom:4px;display:block}.toast.bad{border-color:#be3a3a6b}.toast.warn{border-color:#a56d1e6b}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.inline-actions .btn,.inline-actions .back-btn{justify-content:center;align-items:center;display:inline-flex}.inline-actions input,.inline-actions select{border:1px solid var(--border-0);background:#ffffffd1;border-radius:0;min-height:40px;padding:10px 12px}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.kv p{color:var(--ink-1)}.kv strong{color:var(--ink-0);display:block}.timeline{gap:10px;display:grid}.timeline-item{border-left:2px solid color-mix(in srgb, var(--section-accent) 50%, #fff);border-top:1px dashed #0f141b24;border-bottom:1px dashed #0f141b24;padding-top:6px;padding-bottom:6px;padding-left:10px}.chart{background:linear-gradient(#fcfeffc7,#eaf0f9b8);border:2px solid #0f141b3d;border-radius:0;padding:10px;box-shadow:2px 2px #0f141b24}.chart-bars{gap:8px;display:grid}.chart-bars .bar-row{grid-template-columns:120px 1fr 56px;align-items:center;gap:8px;display:grid}.chart-bars .bar{background:#e7edf6b8;border:1px solid #0f141b24;border-radius:0;height:12px;overflow:clip}.chart-bars .bar>span{height:100%;width:var(--v,50%);background:linear-gradient(90deg, color-mix(in srgb, var(--section-accent) 75%, #fff), var(--section-accent));display:block}.chart-donut{aspect-ratio:1;background:conic-gradient(var(--a,#6a7f9f) 0 35%, var(--b,#9b5a24) 35% 70%, var(--c,#6d587e) 70% 100%);border:2px solid #0f141b33;border-radius:0;width:154px;margin:0 auto 10px;position:relative}.chart-donut:after{content:"";background:#f4f7fce6;border:1px solid #0f141b24;border-radius:0;position:absolute;inset:24px}.chart-legend{gap:6px;display:grid}.chart-legend p{align-items:center;gap:8px;display:flex}.chart-legend i{border-radius:0;width:10px;height:10px;display:inline-block}.chart-line{background:linear-gradient(#fff3,#ffffff8f),repeating-linear-gradient(0deg,#0f141b0f,#0f141b0f 1px,#0000 1px 26px);border:1px dashed #0f141b2e;border-radius:0;height:130px;position:relative;overflow:hidden}.chart-line svg{width:100%;height:100%}.chart-line polyline{fill:none;stroke:color-mix(in srgb, var(--section-accent) 85%, #fff);stroke-width:2.3px}.chart-line polygon{fill:color-mix(in srgb, var(--section-accent) 24%, transparent)}.market-filter-row{grid-template-columns:1.2fr .8fr 1fr;gap:8px;margin-bottom:12px;display:grid}.market-filter-row input,.market-filter-row select{background:linear-gradient(#f8fafdf2,#e5ebf4f2);border:2px solid #0f141b3d;outline:none;padding:10px 12px;box-shadow:2px 2px #0f141b38}.market-filter-row input:focus,.market-filter-row select:focus{border-color:color-mix(in srgb, var(--section-accent) 75%, #fff)}.market-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.promo-banner-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.promo-banner{background:linear-gradient(#f5f8fcf5,#e0e7f0f5);border:2px solid #0f141b57;gap:8px;padding:0 8px 10px;display:grid;box-shadow:3px 3px #0f141b47,inset 0 0 0 1px #fff9}.promo-banner-head{letter-spacing:.08em;border-bottom:2px solid #0f141b33;justify-content:space-between;gap:8px;margin:0 -8px;padding:4px 8px;font-size:.69rem;font-weight:800;display:flex}.promo-banner-media{background:radial-gradient(circle at 75% 26%,#ffffffa6,#0000 35%),linear-gradient(145deg,#fff3,#0000000f),linear-gradient(130deg,#fff1bedb,#ffc2ccd6,#c4e2ffdb);border:2px solid #0f141b47;place-items:center;min-height:80px;display:grid}.promo-banner-media img{object-fit:cover;width:100%;height:96px;image-rendering:crisp-edges;border:1px solid #0f141b57}.promo-banner-media strong{letter-spacing:.1em;color:#0f141bbf;font-size:1.6rem}.promo-banner h4{margin:0;font-size:.9rem}.promo-banner p{color:var(--ink-2);margin:0;font-size:.82rem}.promo-banner.mint .promo-banner-head{background:linear-gradient(90deg,#caf7e7db,#cee9ffd6)}.promo-banner.peach .promo-banner-head{background:linear-gradient(90deg,#ffeabcdb,#ffccbad6)}.promo-banner.rose .promo-banner-head{background:linear-gradient(90deg,#ffd2dce0,#ffe7bed1)}.promo-banner.blue .promo-banner-head{background:linear-gradient(90deg,#c9e0ffe0,#ccf6e9cc)}.product-card{background:linear-gradient(#f3f7fdf5,#dde6f2f5);border:2px solid #0f141b4d;gap:8px;padding:0 10px 10px;display:grid;box-shadow:3px 3px #0f141b42}.product-head{background:linear-gradient(90deg,#fff3bbcc,#ffbfcdb3,#bfddffc2);border-bottom:2px solid #0f141b38;justify-content:space-between;gap:8px;margin:0 -10px;padding:6px 10px;font-size:.74rem;font-weight:700;display:flex}.product-media{min-height:90px;font-family:var(--font-title);letter-spacing:.04em;color:color-mix(in srgb, var(--section-accent) 55%, #1f2733);background:repeating-linear-gradient(45deg,#ffffffb3,#ffffffb3 7px,#dae1ecdb 7px 14px);border:2px solid #0f141b42;justify-content:center;align-items:center;font-size:2rem;display:flex}.product-card h4{font-family:var(--font-title);margin:0;font-size:.96rem}.product-meta{color:var(--ink-2);margin:0}.product-tags{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.product-price{font-family:var(--font-title);font-size:1.12rem;font-weight:700}.product-actions{grid-template-columns:72px 1fr;gap:8px;display:grid}.product-actions input{background:#fffffff0;border:2px solid #0f141b3d;padding:8px;box-shadow:2px 2px #0f141b29}.market-cart-controls{gap:8px;display:grid}.check-row{align-items:center;gap:8px;font-size:.86rem;display:flex}.market-cart-lines{gap:8px;max-height:300px;margin-top:10px;display:grid;overflow-y:auto}.cart-line{background:#f6faffeb;border:2px solid #0f141b3d;gap:8px;padding:8px;display:grid;overflow:hidden}.cart-line-actions{flex-wrap:wrap;grid-template-columns:72px 1fr auto auto;gap:2px;display:flex}.cart-line-actions input,.cart-line-actions select{background:#fff;border:1px solid #0f141b3d;padding:6px}.cart-line-actions .btn{min-width:49px}.market-cart-summary{background:linear-gradient(#ffffffdb,#edf3fbe6);border:2px solid #0f141b3d;gap:6px;margin-top:10px;padding:8px;display:grid}.summary-row,.summary-total{justify-content:space-between;align-items:center;gap:8px;display:flex}.summary-total{border-top:2px solid #0f141b33;padding-top:6px}.market-chat-input{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.market-chat-input input{background:#fffffff2;border:2px solid #0f141b3d;padding:10px 12px}.form-output{background:linear-gradient(#fafcffeb,#e1e7f1eb);border:2px solid #0f141b4d;align-items:center;min-height:42px;padding:10px 12px;font-weight:700;display:inline-flex;box-shadow:2px 2px #0f141b33}.brew-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.brew-shop-panel{background:linear-gradient(#fafcffd6,#e2e9f3e6);border:2px solid #0f141b4d;padding:10px;box-shadow:3px 3px #0f141b3d}.brew-shop-panel h4{letter-spacing:.04em;margin:0 0 10px}.tank-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.tank-node{background:linear-gradient(#f6fafff2,#dee5f0f2);border:2px solid #0f141b4d;gap:4px;padding:8px;display:grid;box-shadow:2px 2px #0f141b33}.tank-node header{justify-content:space-between;gap:8px;display:flex}.tank-node.free{border-color:#2f855a80}.tank-node.busy{border-color:#a56d1e80}.tank-node.dirty{border-color:#be3a3a80}.brew-row-active{background:color-mix(in srgb, var(--section-accent) 14%, #fff)!important}.stage-workspace{background:linear-gradient(#fbfdffe0,#e9eff8d1);border:2px solid #0f141b3d;padding:10px;box-shadow:2px 2px #0f141b29}.stage-workspace h4{margin:0 0 10px}.action-modal-root{z-index:180;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.action-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b10187a;position:absolute;inset:0}.action-modal{z-index:1;width:min(640px,100vw - 20px);max-height:calc(100dvh - 20px);padding:34px 14px 14px;position:relative;overflow:auto}.action-modal-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.action-modal-head h3{letter-spacing:.02em;margin:0;font-size:1rem}.action-modal .inline-actions{justify-content:flex-end}@media (width<=640px){.action-modal{width:calc(100vw - 12px);padding:32px 10px 10px}}.hidden{display:none!important}button,input,select,textarea{touch-action:manipulation}input,select,textarea{min-height:40px}.table-wrap .btn{min-height:34px;padding:6px 10px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1080px){.app-shell{width:min(1380px,100% - 18px)}.top-logo{flex-direction:column;align-items:flex-start}.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{grid-column:span 12}.form-grid,.kv{grid-template-columns:1fr}.bottom-nav button{min-width:112px;padding:9px 10px;font-size:.84rem}.inline-actions input,.inline-actions select{width:100%}.table-wrap table{min-width:760px}.market-filter-row,.brew-shop-grid{grid-template-columns:1fr}.cart-line-actions{grid-template-columns:72px 1fr}.market-chat-input{grid-template-columns:1fr}}@media (width<=820px){.app-shell{width:min(1380px,100% - 12px);padding-top:10px}.panel{border-width:1px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header:before{display:none}.shell-meta{flex-wrap:wrap}.tile{min-height:84px;padding:14px}.table-wrap td,.table-wrap th{white-space:nowrap}.chart-bars .bar-row{grid-template-columns:90px 1fr 48px}.toast-stack{max-width:none;top:10px;left:10px;right:10px}}@media (width<=620px){.logo-pill{padding:8px 10px 8px 8px;font-size:.86rem}.logo-pill:before{width:24px;height:24px;font-size:.66rem}.section-chip{padding:5px 8px;font-size:.7rem}.page-header h1{font-size:1.14rem}.tile h3{font-size:.92rem}.tile p,.tile li,.tile td,.tile th,.tile span,.tile label,.tile input,.tile select,.tile textarea{font-size:.88rem}.tile-icon{width:24px;height:24px}.tile-icon svg{width:14px;height:14px}.btn,.back-btn,.icon-btn{min-height:42px;padding:9px 10px;font-size:.86rem}input,select,textarea{font-size:16px}.inline-actions{flex-direction:column;align-items:stretch}.inline-actions .btn,.inline-actions .back-btn,.inline-actions input,.inline-actions select{width:100%}.table-wrap{border-width:2px}.table-wrap table{min-width:640px}.chart-bars .bar-row{grid-template-columns:1fr;align-items:start;gap:4px}.chart-bars .bar{height:14px}.market-catalog-grid,.product-actions,.cart-line-actions{grid-template-columns:1fr}.market-cart-summary{top:2px;bottom:calc(58px + var(--safe-bottom));z-index:2;position:relative}.bottom-nav{width:calc(100% - 8px);bottom:calc(4px + var(--safe-bottom))}.bottom-nav ul{gap:6px;padding:6px}.bottom-nav button{min-width:104px;padding:8px;font-size:.8rem}.toast{padding:10px}.toast p{font-size:.82rem}}:root{--bg-0:#f4f0e8;--bg-1:#f4f0e8;--bg-2:#f4f0e8;--surface-0:#f4f0e8;--surface-1:#ebe8e0;--surface-2:#e2dfd8;--ink-0:#19211d;--ink-1:#404642;--ink-2:#6c706a;--ink-3:#91938d;--accent:#c6653f;--accent-2:#c6653f;--accent-soft:#eeddd0;--good:#19211d;--warn:#c6653f;--bad:#c6653f;--border-0:#19211d3d;--border-1:#19211d21;--border-2:#19211d14;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 8px 22px #19211d14;--shadow-md:0 16px 40px #19211d1a;--shadow-lg:0 28px 70px #19211d29;--font-title:Inter, "Segoe UI", Arial, sans-serif;--font-body:Inter, "Segoe UI", Arial, sans-serif;--color-background-primary:var(--bg-0);--color-background-secondary:var(--surface-1);--color-background-tertiary:var(--surface-2);--color-border-secondary:var(--border-1);--color-border-tertiary:var(--border-1);--color-text-secondary:var(--ink-2);--color-text-success:var(--ink-0);--color-text-warning:var(--accent);--color-text-danger:var(--accent);--border-radius-md:var(--radius-md)}body,body[data-section]{background:var(--bg-0);color:var(--ink-0)}body:before,.app-shell:before,.top-logo:after,.logo-pill:after,.panel:before,.panel:after,.page-header:before,.tile:before,.tile:after,.auth-shell:before,.auth-shell:after,.auth-promo:before,.auth-card:before{display:none}body[data-section] .app-shell,.app-shell{--section-accent:var(--accent);--section-accent-soft:var(--accent-soft);flex-direction:column;width:min(1240px,100% - 40px);margin:0 auto;padding:24px 0 48px;display:flex}.top-logo{order:1;margin:0 0 14px;padding:0 2px}.logo-pill{box-shadow:none;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;padding:0;font-size:1rem}.logo-pill:before{background:var(--accent);width:34px;height:34px;color:var(--bg-0);border:0;border-radius:10px}.shell-meta{gap:6px}.section-chip{border:1px solid var(--border-1);box-shadow:none;color:var(--ink-2);background:0 0;border-radius:999px;padding:6px 10px;font-weight:600}.bottom-nav{z-index:30;border:1px solid var(--border-1);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-0) 92%, transparent);width:100%;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);order:2;margin-bottom:14px;position:sticky;top:10px;bottom:auto;left:auto;transform:none}.bottom-nav ul{gap:3px;padding:6px}.bottom-nav li{flex:1 0 auto}.bottom-nav button{border-radius:var(--radius-md);width:100%;min-width:112px;color:var(--ink-2);background:0 0;border:0;padding:9px 12px;font-weight:600}.bottom-nav button:hover{background:var(--surface-1);color:var(--ink-0)}.bottom-nav button.active{background:var(--ink-0);color:var(--bg-0);box-shadow:none;border:0}.app-shell>main.panel{order:3;padding:clamp(18px,3vw,34px)!important}.panel{border:1px solid var(--border-1);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-0) 94%, var(--ink-0));box-shadow:var(--shadow-md);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.page-header{border-bottom:1px solid var(--border-1);margin:0 0 28px;padding:0 0 22px}.page-header h1{letter-spacing:-.04em;font-size:clamp(1.45rem,3vw,2.25rem)}.page-sub{color:var(--ink-2);line-height:1.5}.bento-grid{gap:14px}.tile{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-0);box-shadow:none;padding:clamp(18px,2.2vw,26px);animation:.28s both tile-in}.tile h3{letter-spacing:-.02em;margin:0;font-size:1rem}.tile-head{margin-bottom:14px}.tile-icon{background:var(--accent-soft);width:32px;height:32px;box-shadow:none;border:0;border-radius:10px}.tile-icon svg{stroke:var(--accent)}.back-btn,.btn,.icon-btn{border:1px solid var(--border-0);min-height:38px;box-shadow:none;background:0 0;border-radius:10px;padding:8px 13px;font-weight:600}.back-btn:hover,.btn:hover,.icon-btn:hover{border-color:var(--ink-0);background:var(--surface-1);box-shadow:none;transform:none}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--bg-0)}.btn.primary:hover{background:var(--ink-0);border-color:var(--ink-0)}.btn.success,.btn.danger,.btn.ghost,.btn-cart-shortcut{border-color:var(--border-0);color:var(--ink-0);background:0 0}.btn.danger{color:var(--accent);border-color:var(--accent)}.btn-badge{background:var(--accent);color:var(--bg-0);border:0;border-radius:999px}.form-group input,.form-group select,.form-group textarea,.inline-actions input,.inline-actions select,.market-filter-row input,.market-filter-row select,.product-actions input,.cart-line-actions input,.cart-line-actions select,.market-chat-input input{border:1px solid var(--border-1);background:var(--bg-0);box-shadow:none;border-radius:10px;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.market-filter-row input:focus,.market-filter-row select:focus,.market-chat-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group label{color:var(--ink-2);font-size:.78rem;font-weight:650}.table-wrap{border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:none;background:0 0}.table-wrap th{background:var(--surface-1);color:var(--ink-2)}.table-wrap th,.table-wrap td{border-color:var(--border-1)}.table-wrap tbody tr:hover{background:var(--accent-soft)}.badge{color:var(--ink-1);background:0 0;border:1px solid;border-radius:999px;padding:3px 8px}.badge.good{border-color:var(--ink-0);background:var(--ink-0);color:var(--bg-0)}.badge.warn,.badge.bad{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chart,.promo-banner,.product-card,.cart-line,.market-cart-summary,.brew-shop-panel,.tank-node,.stage-workspace,.form-output{border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:none;background:0 0}.chart-bars .bar{background:var(--surface-2);border:0;border-radius:999px}.chart-bars .bar>span{border-radius:inherit;background:var(--accent)}.promo-banner,.product-card{overflow:hidden}.promo-banner-head,.product-head,.promo-banner.mint .promo-banner-head,.promo-banner.peach .promo-banner-head,.promo-banner.rose .promo-banner-head,.promo-banner.blue .promo-banner-head{border-color:var(--border-1);background:var(--surface-1)}.promo-banner-media,.product-media{background:var(--accent-soft);color:var(--accent);border:0;border-radius:10px}.promo-banner-media img{filter:grayscale()contrast(.9);mix-blend-mode:multiply;opacity:.72}.metric strong{color:var(--accent)}.timeline-item{border:0;border-left:2px solid var(--border-0);background:0 0;border-radius:0}.timeline-item.client{border-left-color:var(--accent)}.toast{border:1px solid var(--border-0);border-radius:var(--radius-md);background:var(--bg-0);box-shadow:var(--shadow-md)}.toast:after{display:none}.toast.good{border-color:var(--ink-0)}.toast.warn,.toast.bad{border-color:var(--accent)}.action-modal-backdrop{background:color-mix(in srgb, var(--ink-0) 58%, transparent)}.action-modal{border-radius:var(--radius-lg)}@media (width<=820px){.app-shell{width:min(100% - 20px,1240px);padding-top:12px}.shell-meta .section-chip:first-child,.shell-meta .section-chip:last-child{display:none}.bottom-nav{top:6px}.bottom-nav li{flex:none}}@media (width<=620px){.app-shell{width:min(100% - 12px,1240px)}.top-logo{flex-direction:row;align-items:center}.app-shell>main.panel{padding:16px!important}.page-header{margin-bottom:20px;padding-bottom:16px}.bottom-nav{width:100%;bottom:auto}.bottom-nav button{min-width:96px}.tile{padding:16px}}.auth-shell{place-items:center;min-height:100dvh;padding:clamp(18px,4vw,48px);display:grid}.auth-layout{border:1px solid var(--ink-0);border-radius:var(--radius-xl);background:var(--ink-0);width:min(960px,100%);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1px;display:grid;overflow:hidden}.auth-promo,.auth-card{background:var(--surface-0);padding:clamp(28px,5vw,56px)}.auth-promo{background:var(--ink-0);color:var(--bg-0);flex-direction:column;justify-content:space-between;display:flex}.auth-promo h2,.auth-card h1{margin-bottom:12px}.auth-promo .page-sub{color:color-mix(in srgb, var(--bg-0) 72%, transparent)}.auth-promo ul{gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.auth-promo li{padding-left:22px;line-height:1.55;position:relative}.auth-promo li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:0}.auth-card{flex-direction:column;justify-content:center;display:flex}.auth-card .form-grid{margin-top:24px}.auth-note{color:var(--ink-2);margin-top:18px;font-size:.82rem}.app-loading{place-items:center;min-height:100dvh;display:grid}.app-loading-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite app-loading-pulse}@keyframes app-loading-pulse{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@media (width<=760px){.auth-layout{grid-template-columns:1fr}.auth-promo{display:none}}