:root{--bg-primary:#fff;--bg-secondary:#f8fafb;--bg-tertiary:#f0f4f5;--bg-elevated:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--beer-gold:#e8a824;--beer-gold-dark:#b87008;--beer-gold-light:#f5c842;--beer-green:#2d5a3d;--beer-green-light:#e8f5e9;--foam-cream:#fffef8;--foam-tan:#ede5c8;--status-green:#1b5e20;--status-green-bg:rgba(27,94,32,.1);--status-yellow:#f9a825;--status-yellow-bg:rgba(249,168,37,.1);--status-red:#c62828;--status-red-bg:rgba(198,40,40,.1);--accent-blue:#1976d2;--accent-purple:#7b1fa2;--border-color:#e0e0e0;--border-color-light:#bdbdbd;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-glow-green:0 0 20px rgba(27,94,32,.15);--shadow-glow-gold:0 0 20px rgba(232,168,36,.15);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}@keyframes bubbleRise{0%,to{transform:translateY(0) scale(1);opacity:.35}50%{transform:translateY(-12px) scale(1.1);opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(27,94,32,.4)}50%{box-shadow:0 0 0 8px rgba(27,94,32,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow)}.card-elevated{background:var(--bg-elevated)}.stat-value{font-family:var(--font-mono);font-weight:700;letter-spacing:-.02em}.table-row{transition:background var(--transition-fast)}.table-row:hover{background:var(--bg-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.badge-green{background:var(--status-green-bg);color:var(--status-green);border:1px solid rgba(27,94,32,.2)}.badge-yellow{background:var(--status-yellow-bg);color:var(--status-yellow);border:1px solid rgba(249,168,37,.2)}.badge-red{background:var(--status-red-bg);color:var(--status-red);border:1px solid rgba(198,40,40,.2)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.sector-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.heatmap-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.export-btn:hover{background:#f0f0f0!important;border-color:#b0b0b0!important}@media print{body{background:#fff;color:#000}.no-print,nav{display:none!important}}