:root{color:#18212f;background:#eef3f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}label{display:grid;gap:7px;color:#526173;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #d4dde8;border-radius:8px;background:#fff;color:#18212f;padding:11px 12px}textarea{resize:vertical}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e7f4f1,#f7efe5 48%,#eef3f7)}.login-panel,.page-stack{width:min(100%,720px);display:grid;gap:16px;padding:22px;border:1px solid #dbe4ee;border-radius:8px;background:#ffffffeb;box-shadow:0 18px 48px #2430401f}.login-panel h1,.brewery-topbar h1{margin:0;font-size:28px;letter-spacing:0}.login-note{margin:0;color:#5d6f82;font-size:13px;line-height:1.6}.brewery-topbar p,.muted,.record span,.record em{margin:0;color:#66778a;font-size:13px}.eyebrow{color:#1f7a6d;font-size:12px;font-weight:800}.brewery-shell{min-height:100vh;display:grid;align-content:start;justify-items:center;gap:16px;padding:18px}.brewery-topbar{width:min(100%,720px);display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0 4px}.tabs{width:min(100%,720px);display:flex;gap:6px;padding:6px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button,.ghost,.icon-button{min-height:38px;border-radius:7px;background:#eef3f7;color:#334155;font-weight:800}.tabs button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:72px;padding:0 10px;font-size:12px;white-space:nowrap}.tabs button.active{background:#1f7a6d;color:#fff}.primary{min-height:42px;border-radius:7px;background:#1f7a6d;color:#fff;font-weight:900;padding:0 16px}.primary:disabled,.ghost:disabled{opacity:.6;cursor:not-allowed}.two-col,.metric-grid,.attachment-grid,.fee-grid,.status-grid,.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attachment-grid,.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-title,.record,.row-actions{display:flex;align-items:center;gap:10px}.panel-title h2{margin:0;flex:1;font-size:18px}.panel-title span{color:#66778a;font-size:13px;font-weight:800}.record{justify-content:space-between;align-items:flex-start;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fbfdff}.record div{display:grid;gap:5px}.record>div:first-child{min-width:0}.record strong{font-size:15px}.record em{font-style:normal}.summary-band{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-band>div,.action-card{display:grid;gap:7px;min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fbfdff}.summary-band span,.summary-band em,.action-card span{color:#66778a;font-size:12px;font-style:normal}.summary-band strong{font-size:21px}.action-card{color:#18212f;text-align:left}.action-card svg{color:#1f7a6d}.action-card strong{font-size:14px}.metric{display:grid;gap:7px;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fbfdff}.fee-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.fee-grid div,.status-pill{display:grid;gap:4px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.fee-grid span,.status-pill em,.payment-list span{color:#66778a;font-size:12px;font-style:normal}.fee-grid strong,.status-pill strong{font-size:14px}.payment-list{width:100%;display:flex;flex-wrap:wrap;gap:8px}.payment-list span{border:1px solid #d7e5df;border-radius:999px;background:#eff8f5;color:#1f7a6d;font-weight:800;padding:6px 10px}.compact-list{display:grid;gap:10px}.attachment-grid .ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-size:12px}.feedback-record{display:grid;width:100%}.feedback-metrics{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.response-form{width:100%;display:grid;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.official-response{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #d7e5df;border-radius:8px;background:#f4fbf8}.official-response span,.official-response em{color:#66778a;font-size:12px;font-style:normal}.official-response strong{color:#1f7a6d;font-size:13px}.official-response button{grid-column:1 / 4}.metric span{color:#66778a;font-size:13px}.metric strong{font-size:22px}.empty,.toast{padding:14px;border-radius:8px;background:#f8fafc;color:#66778a;text-align:center}.toast{position:fixed;z-index:10;top:14px;left:50%;transform:translate(-50%);background:#18212f;color:#fff;box-shadow:0 12px 28px #18212f38}@media(max-width:640px){.two-col,.metric-grid,.attachment-grid,.fee-grid,.status-grid,.feedback-metrics,.summary-band{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record{display:grid}}