@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap";*{box-sizing:border-box}body{color:#f5f5f5;background:#101614;margin:0;font-family:system-ui,sans-serif}.display-page{background:#101614;min-height:100vh;padding:10px}.tap-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.beer-card{background:#171f1c;border:1px solid #ffffff29;border-radius:12px;min-height:calc(100vh - 20px);position:relative;overflow:hidden}.beer-card.clickable{cursor:pointer}.beer-card.clickable:hover{border-color:#f1b33a8c}.beer-card.empty,.beer-card.fermenting,.beer-card.conditioning,.beer-card.up_next{background:#1a2220}.beer-bg{opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.beer-card.empty .beer-bg,.beer-card.fermenting .beer-bg,.beer-card.conditioning .beer-bg,.beer-card.up_next .beer-bg{opacity:.52}.placeholder-bg{background:radial-gradient(circle at 0 0,#f1b33a47,#0000 30%),linear-gradient(135deg,#27302c,#101614)}.beer-overlay{background:linear-gradient(#0000001f,#000000c7),linear-gradient(90deg,#0000007a,#0000);position:absolute;inset:0}.beer-content{z-index:2;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 20px);padding:30px 24px;display:flex;position:relative}.status-label{text-transform:uppercase;letter-spacing:.03em;margin-bottom:22px;font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.status-label.on_tap{color:#f1b33a}.status-label.fermenting{color:#f59e0b}.status-label.conditioning{color:#7fd35a}.status-label.up_next{color:#60a5fa}.status-label.empty{color:#9ca3af}.tap-label,.coming-soon{color:#f1b33a;margin-bottom:22px;font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.coming-soon{color:#f07b35;text-transform:uppercase}.beer-card h2{text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Oswald,sans-serif;font-size:clamp(34px,3.2vw,56px);line-height:.98}.codename{color:#fff;margin-top:16px;font-size:19px;font-weight:800;line-height:1.25}.beer-card h3{color:#f1b33a;text-transform:uppercase;margin:18px 0 0;font-family:Oswald,sans-serif;font-size:22px}.tasting-notes{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;max-width:280px;margin-top:10px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;line-height:1.35}.notes{max-width:260px;margin-top:22px}.notes p{color:#ffffffeb;margin:0 0 10px;font-size:19px;font-weight:650;line-height:1.35}.date-box{gap:8px;max-width:260px;margin-top:22px;display:grid}.date-box div{border-top:1px solid #ffffff24;justify-content:space-between;gap:14px;padding:8px 0;display:flex}.date-box span{color:#ffffffad;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.date-box strong{color:#f5f5f5;text-align:right;font-size:13px}.stats-row{color:#f1b33a;border-top:1px solid #ffffff29;align-items:center;gap:22px;padding-top:18px;font-family:Oswald,sans-serif;font-size:22px;display:flex}.stats-row strong{font-size:26px}.divider{background:#ffffff3d;width:1px;height:42px}.stats-row div:last-child{color:#7fd35a}@media (width<=900px){.tap-grid{grid-template-columns:1fr}.beer-card,.beer-content{min-height:680px}}.admin-page{color:#e9eef0;background:#0f1517;min-height:100vh;padding:30px;font-family:system-ui,sans-serif}.back-button{color:#061006;cursor:pointer;background:#50b96a;border:0;border-radius:8px;padding:12px 16px;font-weight:800;position:fixed;top:18px;right:20px}.admin-page h1,.admin-page h2{text-transform:uppercase;font-family:Oswald,sans-serif}.admin-page h1{margin-top:0}.admin-panel{background:#171b1f;border:1px solid #ffffff1f;border-radius:14px;margin:22px 0;padding:22px}.admin-panel h2{color:#4fca6a;margin-top:0}.form-grid{grid-template-columns:220px 220px 1fr;align-items:center;gap:14px;display:grid}.edit-grid{background:#101417;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1.4fr 1fr 1.2fr .5fr .5fr .5fr .9fr 1fr 1fr 2fr 2fr 80px;align-items:start;gap:10px;margin-bottom:14px;padding:14px;display:grid}input,textarea,select{color:#f4f4f4;width:100%;font:inherit;background:#0d1114;border:1px solid #465059;border-radius:8px;padding:11px}input:focus,textarea:focus,select:focus{border-color:#50b96a;outline:2px solid #50b96a8c}textarea{resize:vertical;min-height:72px}button{color:#061006;cursor:pointer;background:#50b96a;border:0;border-radius:8px;padding:11px 14px;font-weight:800}button:hover{filter:brightness(1.08)}.edit-grid button{color:#fff;background:#d9534f}.admin-panel>button{margin-top:10px}@media (width<=1200px){.edit-grid,.form-grid{grid-template-columns:1fr}.back-button{margin-bottom:16px;position:static}}.admin-shell{background:#11181b;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:220px 1fr;display:grid;overflow:hidden}.admin-sidebar{background:#1a2226;padding:24px 0}.admin-brand{color:#4fca6a;text-transform:uppercase;padding:0 24px 28px;font-family:Oswald,sans-serif;font-size:22px}.sidebar-item{color:#cbd2d7;padding:18px 24px;font-weight:700}.sidebar-item.active{color:#79e28f;background:#4fca6a1f;border-left:4px solid #4fca6a}.admin-main{padding:26px}.admin-top{grid-template-columns:1.5fr .8fr;gap:28px;display:grid}.assign-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.assign-grid label{gap:8px;font-weight:800;display:grid}.subhead{margin-top:28px}.wide-select{max-width:580px}.add-card{background:#1b2428;border-radius:12px;align-content:start;gap:12px;padding:20px;display:grid}.save-status{color:#90e7a2;font-weight:700}.manage-section{border-top:1px solid #ffffff1f;margin-top:28px;padding-top:20px}.beer-row{background:#1a2226;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:56px minmax(160px,2fr) minmax(120px,1.4fr) .7fr .7fr 82px 92px;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:grid}.beer-row img{object-fit:cover;background:#0d1114;border-radius:8px;width:48px;height:48px}.beer-row-name{font-weight:800}.beer-edit{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.span-2{grid-column:span 2}.edit-button,.done-button{color:#061006;background:#50b96a}.danger{color:#fff;background:#d9534f}@media (width<=1100px){.admin-shell,.admin-top,.assign-grid,.beer-row,.beer-edit{grid-template-columns:1fr}}