@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0908;--panel:#20170f;--red:#963817;--gold:#b99165;--white:#e8d6ba;--muted:#a38e75;--glow:18px;--grain:.28;--heading:'Oswald',Impact,'Arial Narrow',sans-serif;--body:'Barlow Condensed','Arial Narrow',sans-serif;--cut:7px}
*{box-sizing:border-box}html{min-height:100%;background:#080909}body{margin:0;background:var(--bg);color:var(--white);font:17px var(--body);min-height:100vh}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#070a0c44,#06050466),url('assets/pub-wall.webp') center/cover;pointer-events:none;z-index:0}body:after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 20%,transparent 20%,#0008 100%);pointer-events:none;z-index:0}.ambient{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 0 100%,#e746132f,transparent 32%),radial-gradient(ellipse at 100% 100%,#ed5d1630,transparent 30%)}.ambient:after{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse,#ffac61 0 1px,transparent 2px),radial-gradient(ellipse,#f95b23 0 1px,transparent 2px);background-size:193px 239px,307px 317px;mask-image:linear-gradient(transparent 30%,#000);opacity:.4;animation:embers 24s linear infinite}@keyframes embers{to{background-position:80px -478px,-90px -634px}}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--gold)}button:focus-visible,a:focus-visible{outline:2px solid #ffbb6b;outline-offset:4px}button:active{transform:translateY(1px)}button{color:inherit}#app{position:relative;z-index:2}.boot{text-align:center;padding:35vh 20px;letter-spacing:4px}.wrap{max-width:1440px;padding:24px 36px 40px;margin:auto;position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid #6a513944}.brand{display:flex;gap:14px;align-items:center}.brand img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px ridge #95643e;box-shadow:0 0 15px #dc58232e}.brand b{display:block;font:600 31px/1 var(--heading);letter-spacing:1px;color:#e7cfaa}.brand small{display:block;font-size:10px;letter-spacing:3.7px;margin-top:8px;color:#bda182}.header-right{display:flex;align-items:center;gap:16px}.identity{text-align:right;font-size:15px}.identity small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.online{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#cda15f;box-shadow:0 0 7px #d47e31}.logout{border:1px solid #685039;background:#14100b;padding:8px 14px;font-size:12px;letter-spacing:1px}.nav{display:flex;gap:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#715038 #15100b;padding:18px 0 15px;position:relative}.nav button{flex:1;white-space:nowrap;min-height:44px;font:600 12px var(--heading);text-transform:uppercase;letter-spacing:.8px;padding:9px 12px;border:1px solid #604832;background:linear-gradient(#342a20aa,#0b0908 49%,#211910);box-shadow:inset 0 1px #c4a77b26,0 3px 4px #0008;position:relative;color:#bba98c;transition:.2s}.nav button:hover,.nav button.active{color:#ffe0b0;border-color:#be804b;background:linear-gradient(#6d3723,#2c130e 55%,#482015);box-shadow:inset 0 1px #ffe0b044,0 0 var(--glow) #e368192e}.nav button.active:after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:#ffc281;box-shadow:0 0 9px 2px #e86a25}.hell-topline{display:flex;align-items:center;gap:18px;margin:4px 0 25px;text-align:center;font:500 10px var(--heading);letter-spacing:3px;color:#9d7c56}.hell-topline:before,.hell-topline:after{content:'';height:7px;flex:1;background:url('assets/chain.svg') center/auto 7px;opacity:.7}.workspace{display:grid;grid-template-columns:162px minmax(0,1fr);gap:23px}.side{border:1px solid #54412f;padding:8px;background:linear-gradient(90deg,#110d09d9,#24190fcc,#0a0808e8);align-self:start;position:sticky;top:18px;box-shadow:0 8px 20px #0008}.side .crest{display:block;width:96px;height:96px;border-radius:50%;margin:16px auto 20px;border:3px ridge #91623e;box-shadow:0 0 28px #b4472222}.side button{display:block;width:100%;text-align:left;color:#baa58a;background:none;border:0;border-top:1px solid #66503933;min-height:44px;font:400 13px var(--heading);text-transform:uppercase;padding:11px 13px}.side button.active,.side button:hover{background:linear-gradient(90deg,#73351f88,#2b1a1033);color:#f5d2a2;box-shadow:inset 2px 0 #c3854c}.side button span{color:#b28456;margin-right:9px}.side-foot{text-align:center;font-size:10px;color:#856e55;padding:17px 3px;letter-spacing:2px}.main{min-width:0}.section-kicker{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px}.section-kicker strong{color:#c2a484;font-weight:500}.title{font:500 clamp(28px,4vw,43px)/1.2 var(--heading);letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0 0 26px;color:#e0bd93;text-shadow:0 2px #000,0 0 24px #b2562522;display:flex;gap:16px;align-items:center;justify-content:center}.title:before,.title:after{content:'';height:8px;width:100px;background:url('assets/chain.svg') center/auto 8px;opacity:.75}.subtitle{color:var(--muted);font-size:15px;margin:-10px 0 22px}.panel,.card,.beer,.stage-hero,.brew-dial,.staff-card{position:relative;border:1px solid #73573b;background-color:var(--panel);background-image:url('assets/grain.svg'),linear-gradient(100deg,#0006,#0000 50%,#0007);background-size:240px 160px,cover;box-shadow:inset 0 0 0 3px #0d0a0799,inset 0 0 0 4px #bc8b4b20,inset 0 0 24px #0008,0 8px 18px #0008}
.panel:before,.card:before,.beer:before,.stage-hero:after,.staff-card:before{content:'';position:absolute;inset:6px;pointer-events:none;background:radial-gradient(circle at 0 0,#e6ba72 0 1px,#543b25 2px,#0a0806 3px,transparent 4px),radial-gradient(circle at 100% 0,#b28b56 0 1px,#543b25 2px,#0a0806 3px,transparent 4px),radial-gradient(circle at 0 100%,#a58051 0 1px,#543b25 2px,#0a0806 3px,transparent 4px),radial-gradient(circle at 100% 100%,#a58051 0 1px,#543b25 2px,#0a0806 3px,transparent 4px)}.panel{padding:22px;margin:18px 0}.panel h2,.sectionhead{font:400 20px var(--heading);letter-spacing:1px;text-transform:uppercase;color:#dfbf95;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #85623e55}.panel h2:after{content:'◆';float:right;font-size:9px;color:#987448;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:21px 20px;min-height:109px}.metric-label{font:400 11px var(--heading);letter-spacing:1.5px;text-transform:uppercase;color:#b8a080}.metric{font:500 clamp(27px,3vw,36px)/1.2 var(--heading);color:#efd2a3;margin:12px 0 3px;text-shadow:0 2px #000}.metric-hint{font-size:11px;color:#927858}.metric-icon{position:absolute;right:15px;top:18px;color:#96643d;font-size:19px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stage-hero{min-height:244px;padding:32px;display:flex;align-items:center;gap:28px;overflow:hidden;margin-bottom:20px;background-image:linear-gradient(90deg,#07060588,#180c0444),url('assets/pub-wall.webp');background-size:cover;background-position:center 60%}.stage-hero:before{content:'STAGE66';position:absolute;right:-10px;bottom:-26px;font:700 110px var(--heading);letter-spacing:-4px;opacity:.045;pointer-events:none}.stage-hero img{width:158px;height:158px;border-radius:50%;object-fit:cover;border:4px ridge #99643e;box-shadow:0 0 35px #e6652338}.stage-hero h2{font:600 clamp(32px,4vw,58px)/1.12 var(--heading);margin:9px 0 10px;color:#f1d7ae;letter-spacing:-.3px;text-shadow:0 3px 1px #000}.stage-hero p{color:#b99d7b;margin:0;font-size:16px}.eyebrow{font:500 10px var(--heading);letter-spacing:3px;color:#d19b60}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{position:relative;min-height:44px;padding:11px 22px;border:1px solid #bc8150;border-radius:1px;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));background:linear-gradient(#b26032 0,#672b19 15%,#35130d 55%,#6a2815 95%);box-shadow:inset 0 0 0 2px #100704,inset 0 0 0 3px #c8894d55,inset 0 1px 6px #e8a46655,0 0 var(--glow) #cf4b1b33;color:#ffe0b4;text-shadow:0 2px #150904;font:500 13px var(--heading);letter-spacing:1px;text-transform:uppercase;transition:filter .2s}.btn:hover{filter:brightness(1.3)}.btn.secondary{background:linear-gradient(#493729,#19120d 55%,#302316);border-color:#80603e;box-shadow:inset 0 0 0 2px #100a07,inset 0 0 0 3px #b28b4b22}.btn.gold{background:linear-gradient(#8b6740,#46301a 55%,#75502a)}.btn.small{padding:8px 12px;font-size:11px;min-height:36px}.badge,.status{display:inline-flex;padding:5px 9px;font:500 10px var(--heading);letter-spacing:1px;border:1px solid #81633e;color:#cfb184;background:#231a11}.status.ok{color:#b4c598;border-color:#536044;background:#242a1b}.status.bad{color:#de9f80;background:#351b12;border-color:#965239}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#baa486;margin:13px 0 7px}input,select,textarea{width:100%;min-height:46px;border:1px solid #685037;background:linear-gradient(#0c0a08,#19110c);box-shadow:inset 0 2px 8px #0009,0 1px #d2a26e22;color:#ebdac2;border-radius:0;padding:11px 12px;outline:none;font:15px var(--body)}input:focus,textarea:focus,select:focus{border-color:#d19152;box-shadow:inset 0 2px 8px #0009,0 0 12px #e6792922}input[type=color]{padding:4px}input[type=range]{accent-color:#d49b60}textarea{min-height:110px}form>.btn{margin-top:18px}option{background:#1c140e}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#795737 #17100b}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{font:400 11px var(--heading);text-transform:uppercase;color:#c0a783;letter-spacing:1px;background:#34271988}.table td,.table th{padding:13px 12px;text-align:left;border-bottom:1px solid #8465402b}.table td{font-size:15px}.table tr:nth-child(even){background:#d2ab7209}.table tr:hover{background:#c7803114}.table td .btn{margin:2px}.notice{border-left:2px solid #ae7544;background:#bf8a4010;color:#bda383;padding:13px 16px;font-size:14px;line-height:1.5;margin:16px 0}.muted{color:var(--muted)}.empty{text-align:center;padding:32px;color:var(--muted);font-size:15px}.foot{text-align:center;margin:36px 0 8px;font-size:10px;color:#846b50;letter-spacing:2px}.hidden{display:none!important}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.two-col>.panel{margin-top:18px}.beer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.beer{padding:11px;overflow:hidden}.beer img{display:block;width:100%;height:150px;object-fit:contain;background:radial-gradient(ellipse at center,#98632633,transparent 70%);filter:drop-shadow(0 8px 8px #0009)}.beer h3{font:500 17px var(--heading);text-transform:uppercase;margin:0 0 7px;line-height:1.4;color:#e5c398}.beer .info{padding:14px 4px 4px;border-top:1px solid #8b684137}.beer p{font-size:13px;color:#a68d6b;margin:5px 0}.beer .price{font:500 25px var(--heading);color:#efc58d}.beer .price small{font:13px var(--body);color:#9f8666}.beer-stock{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #80613d44;padding-top:9px;margin-top:13px;font-size:12px}.beer .btn{width:100%;margin-top:14px}.beer .beer-id{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#907552;margin:2px 0 9px}.brew-dials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brew-dial{text-align:center;padding:20px 10px}.dial{--angle:0deg;width:132px;height:132px;margin:0 auto 15px;border-radius:50%;border:7px ridge #8c755a;background:radial-gradient(circle at center,#1a1510 0 51%,transparent 52%),conic-gradient(from 225deg,#e39143 0deg,#d67d34 var(--angle),#38332b var(--angle),#38332b 270deg,#110e0a 270deg);box-shadow:0 0 0 2px #080706,0 0 0 4px #5d4933,inset 0 0 12px #000,0 5px 14px #000a;display:grid;place-items:center;position:relative}.dial:after{content:'';position:absolute;inset:10px;border-radius:50%;background:repeating-conic-gradient(from 225deg,#c7a77a 0 1deg,transparent 1deg 15deg);mask-image:radial-gradient(transparent 58%,#000 60% 67%,transparent 69%);opacity:.7}.dial strong{font:500 32px var(--heading);color:#e5c191;z-index:1}.dial small{display:block;font:10px var(--body);color:#a78f6d;letter-spacing:1px}.brew-dial>span{font:400 12px var(--heading);letter-spacing:1px;color:#c2a37b}.brew-dial p{font-size:12px;color:var(--muted)}.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.batch-card{padding:24px 20px;text-align:center}.furnace{height:106px;max-width:105px;border:6px ridge #79614a;margin:15px auto;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,#ffb33b,#ac3b0e 20%,#2b1008 43%,#080707 70%);box-shadow:0 0 18px #ee6d1522,inset 0 0 12px #000}.furnace svg{width:57px;height:73px;filter:drop-shadow(0 0 10px #f88a16)}.furnace.cold{filter:grayscale(1);opacity:.55}.batch-card h3{font:500 19px var(--heading);margin:10px 0}.bar-track{height:7px;background:#0e0b08;border:1px solid #5a442e;margin:14px 0;box-shadow:inset 0 1px 3px #000}.bar-track span{display:block;height:100%;background:linear-gradient(#f4bf75,#af5a27);box-shadow:0 0 7px #dc74295e}.chart{width:100%;height:auto;display:block}.chart text{fill:#a58e6c;font:10px sans-serif}.chart .line{stroke:#f2b266;stroke-width:2;fill:none;filter:drop-shadow(0 0 3px #ef702b)}.chart .gridline{stroke:#8b6b3f22}.legend{display:flex;gap:16px;font-size:12px;color:#a58e71}.legend i{display:inline-block;width:6px;height:6px;background:#d99a51;margin-right:6px}.staff-card{display:flex;align-items:center;gap:24px;padding:23px;margin:18px 0}.staff-card img{width:80px;height:80px;object-fit:cover;border:3px ridge #8e5f38}.staff-card h2{font:500 25px var(--heading);margin:0 0 4px}.staff-card .staff-details{flex:1}.staff-card p{margin:6px 0;color:#a8906c}.hell-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sack{background:linear-gradient(110deg,#7a542e,#d3af75 45%,#8c6237);color:#291d10;border:4px double #56391e;padding:28px 16px;box-shadow:inset 0 0 35px #3a230e99,0 8px 15px #0008;clip-path:polygon(3% 0,98% 3%,94% 100%,0 96%);text-align:center}.sack h3{font:500 25px var(--heading);margin:12px 0 5px}.sack svg{width:52px;height:65px}.sack p{margin:6px}.timeline-steps{display:flex;gap:5px;margin-top:15px}.timeline-steps span{flex:1;background:#17120b;color:#806b50;border:1px solid #5d462c;padding:9px 4px;text-align:center;font-size:10px;text-transform:uppercase}.timeline-steps .done{background:#65402266;color:#e7ba7a;border-color:#a5733f}.login-stage{min-height:100svh;display:grid;place-items:center;padding:40px 20px;position:relative;overflow:hidden}.login-stage:before,.login-stage:after{content:'';position:absolute;top:-55px;width:20px;height:360px;background:url('assets/chain.svg') center/auto 16px;opacity:.85;transform-origin:top}.login-stage:before{left:14%;transform:rotate(31deg)}.login-stage:after{right:14%;transform:rotate(-31deg)}.login{width:100%;max-width:350px;text-align:center;position:relative;padding:12px 16px 35px}.login img{width:204px;height:204px;object-fit:cover;border-radius:50%;border:6px ridge #9a6c42;box-shadow:0 0 0 4px #140b05,0 0 0 7px #644127,0 0 65px #dc4b1238;margin-bottom:22px}.login h1{font:500 36px var(--heading);letter-spacing:5px;margin:0;color:#efd0a6;text-shadow:0 2px #000}.login .login-tagline{font-size:10px;letter-spacing:4px;color:#b19775;margin:8px 0 32px}.login form{text-align:left}.login label{font-size:11px;letter-spacing:2px;margin-top:15px}.login input{border:2px ridge #88603c;background:#1b130cd9;box-shadow:inset 0 0 0 2px #110c08,inset 0 3px 10px #000,0 0 10px #e06d1710;padding:12px 15px}.login input:focus{border-color:#e29450;box-shadow:0 0 13px #f2792033}.login .btn{width:100%;font-size:17px;margin-top:25px;min-height:51px;letter-spacing:2px;border-color:#db9c5c;box-shadow:inset 0 0 0 2px #1a0b05,inset 0 0 0 3px #d28c4c,0 0 20px #cf4b1b44}.login-note{margin-top:23px;font-size:11px;color:#9c8569;letter-spacing:1px}.login-tools{margin-top:22px;display:flex;gap:15px;justify-content:center}.text-btn{border:0;background:none;color:#a28969;text-decoration:underline;font-size:12px;padding:8px}.login-footer{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10px;color:#907454;letter-spacing:2px}.search-row{display:flex;gap:12px;margin-bottom:18px}.search-row input{flex:1}.compact-heading{font:400 12px var(--heading);color:#bd9364;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.pos{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.pos .beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos .beer img{height:90px}#toast{position:fixed;z-index:30;right:20px;bottom:22px;max-width:calc(100vw - 40px);background:#23190f;border:1px solid #ae7e47;box-shadow:0 10px 30px #000b;color:#ead0a9;padding:15px 22px;display:none}#toast.show{display:block}dialog{max-width:min(600px,calc(100vw - 24px));width:100%;max-height:90svh;overflow:auto;background:var(--panel) url('assets/grain.svg');color:var(--white);border:4px ridge #926b42;padding:26px;box-shadow:0 0 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:400 25px var(--heading);text-transform:uppercase;margin:0 30px 18px 0}.close-dialog{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#c3a37c;font-size:28px;min-width:44px;min-height:44px}.dialog-actions{display:flex;gap:12px;margin-top:22px}.tab-row{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.mobile-menu{display:none}.hell-report-bars{height:170px;display:flex;align-items:flex-end;gap:12px;padding:15px;border-bottom:1px solid #8e613e}.hell-report-bars span{flex:1;background:linear-gradient(#f3b96c,#b9692b,#5c2a11);box-shadow:0 0 7px #ce5b1822}.filter-count{font-size:12px;color:#9e8767;margin-top:8px}
@media(min-width:1500px){.wrap{padding-top:38px}}@media(max-width:1100px){.wrap{padding:20px}.workspace{grid-template-columns:140px minmax(0,1fr);gap:18px}.beer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav button{font-size:11px;padding:9px}.brew-dials{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.stage-hero{padding:25px;gap:20px}.stage-hero img{width:135px;height:135px}.side button{padding:10px 8px}.grid{gap:10px}.card{padding:20px 15px}}
@media(max-width:760px){.wrap{padding:14px 14px 32px}.header{padding:4px 0 15px}.brand img{width:45px;height:45px}.brand b{font-size:24px}.brand small{font-size:8px;letter-spacing:2px}.header-right{gap:9px}.identity{font-size:13px}.identity small{font-size:9px}.logout{min-height:40px;padding:8px 10px}.nav{margin:0 -14px;padding:14px;position:sticky;top:0;background:#100c09ed;z-index:10;backdrop-filter:blur(12px)}.nav button{flex:0 0 auto;font-size:12px;padding:10px 15px;min-height:44px}.hell-topline{font-size:9px;letter-spacing:2px;margin:10px 0 18px}.workspace{display:block}.side{display:none}.section-kicker{font-size:10px}.stage-hero{min-height:204px;padding:25px 20px;gap:17px}.stage-hero img{width:106px;height:106px}.stage-hero h2{font-size:33px}.stage-hero p{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-actions{margin-top:17px}.hero-actions .btn{font-size:11px;padding:10px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card{min-height:112px;padding:20px 16px}.metric{font-size:29px}.metric-label{font-size:10px;letter-spacing:1px}.metric-icon{display:none}.title{font-size:30px;margin:12px 0 23px}.title:before,.title:after{width:45px}.panel{padding:19px 16px}.panel h2{font-size:18px}.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beer img{height:140px}.beer h3{font-size:16px}.beer .price{font-size:23px}.beer{padding:10px}.beer-stock{font-size:11px}.beer .btn{font-size:10px;padding:9px;min-height:44px}.fields{grid-template-columns:1fr}.two-col,.pos{display:block}.table td,.table th{padding:12px 10px}.table td{font-size:14px}.table .btn{min-height:44px}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.batch-card{padding:20px 12px}.batch-card h3{font-size:16px}.brew-dials{gap:12px}.dial{width:116px;height:116px}.hell-inventory{grid-template-columns:1fr}.sack{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px}.sack svg{width:40px;height:50px}.staff-card{gap:16px;padding:20px 16px;flex-wrap:wrap}.staff-card img{width:60px;height:60px}.staff-card h2{font-size:22px}.login-stage:before{left:4%;transform:rotate(25deg)}.login-stage:after{right:4%;transform:rotate(-25deg)}.login-stage:before,.login-stage:after{height:230px;width:14px}.login img{width:180px;height:180px}.login{padding-bottom:45px}.timeline-steps span{font-size:8px;padding:8px 2px}.foot{font-size:8px;letter-spacing:1px}.notice{font-size:13px}.search-row{flex-wrap:wrap}.tab-row .btn{font-size:10px}.dialog-actions{flex-wrap:wrap}}@media(max-width:370px){.brand{gap:8px}.identity small{display:none}.stage-hero{padding:22px 14px;gap:12px}.stage-hero img{width:82px;height:82px}.stage-hero h2{font-size:29px}.stage-hero p{font-size:12px}.dial{width:100px;height:100px}.card{padding:18px 13px}.metric{font-size:25px}.beer img{height:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.btn.small{min-height:44px}input,select,textarea{font-size:16px}.metric-hint{font-size:12px}.login-note{font-size:12px}.login .login-tagline{font-size:11px}.login-footer{font-size:10px}.nav{scroll-padding-left:14px}}