:root{--brand-red: #FF3B30;--brand-yellow: #FFCC00;--brand-blue: #007AFF;--brand-green: #34C759;--bg-color: #000000;--card-bg: rgba(28, 28, 30, .7);--card-bg-light: rgba(44, 44, 46, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .8);--text-main: #FFFFFF;--text-muted: #8E8E93;--text-secondary: #C7C7CC;--status-good: #34C759;--status-warning: #FFCC00;--status-danger: #FF3B30;--radius: 24px;--radius-sm: 12px;--spacing: 20px;--font-brand: "Futura Extra Bold Condensed", "Futura-CondensedExtraBold", "Futura Condensed", "Futura", "Barlow Condensed", "Oswald", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent);--motion-snap: .15s cubic-bezier(.4, 0, .2, 1);--motion-enter: .22s cubic-bezier(0, 0, .2, 1);--motion-ambient: 3s ease-in-out infinite}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.reba-btn:focus-visible,.btn:focus-visible,.modal-btn:focus-visible{outline:2px solid white;outline-offset:2px}.mobile-nav-item:focus-visible{border-radius:8px}html{scrollbar-gutter:stable;overflow-y:auto}body{margin:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background-color:var(--bg-color);background-image:radial-gradient(circle at 0% 0%,rgba(255,59,48,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,204,0,.05) 0%,transparent 50%);color:var(--text-main);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overscroll-behavior:none}h1,h2,h3,.metric-val,.card-title,.brand-title{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.03em;font-weight:800;margin:0}.brand-title{font-size:1.4rem;letter-spacing:.05em;font-weight:900;line-height:1.1}.reba-btn{background:var(--brand-red);color:#fff;border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:40px;font-family:Oswald,sans-serif;font-size:14px;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #ff3b304d}.reba-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3b3066;filter:brightness(1.1)}.reba-btn:active{transform:translateY(0)}.reba-btn:focus-visible,.btn:focus-visible,.modal-btn:focus-visible,.mobile-nav-item:focus-visible,.btn-link:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.reba-btn.secondary{background:var(--card-bg-light);box-shadow:none}.reba-btn.secondary:hover{background:#3a3a3ce6;box-shadow:var(--glass-shadow)}.reba-btn-sm{padding:6px 12px;font-size:11px;border-radius:20px}.btn{background:var(--card-bg-light);color:#fff;border:1px solid rgba(255,255,255,.1);padding:10px 16px;border-radius:40px;font-family:Oswald,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:#3a3a3ce6}.btn-primary{background:var(--brand-red)!important;border:none;box-shadow:0 4px 12px #ff3b304d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.reba-input{background:#1c1c1ecc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-family:Inter,sans-serif;outline:none;transition:all .2s}.reba-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 2px #ff3b3033}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;max-width:1400px;margin:0 auto}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;transition:transform .3s ease,border-color .3s ease;overflow:hidden;position:relative}.card:hover{border-color:#fff3}.card.hero{background:linear-gradient(135deg,#1c1c1ed9,#141416d9);border:1px solid rgba(255,255,255,.1);position:relative;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card.hero:before{content:"";position:absolute;top:-50px;right:-50px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;border-radius:50%}.card.hero.dark{background:linear-gradient(135deg,#1c1c1ed9,#141416d9)}.card.hero.critical,.card.hero.pulse{border:1px solid rgba(255,59,48,.5);box-shadow:0 0 24px #ff3b302e}.hero-watermark{position:absolute;bottom:-15px;right:-10px;font-size:80px;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.status-badge.secure{background:#34c75926;color:var(--brand-green);border:1px solid rgba(52,199,89,.3);box-shadow:0 0 12px #34c75926}.status-badge.marginal{background:#ffcc0026;color:var(--brand-yellow);border:1px solid rgba(255,204,0,.3);box-shadow:0 0 12px #ffcc0026}.status-badge.critical{background:#ff3b302e;color:var(--brand-red);border:1px solid rgba(255,59,48,.4);box-shadow:0 0 16px #ff3b3040;animation:badge-pulse 2s infinite}.status-badge.muted{background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.15)}@keyframes badge-pulse{0%,to{box-shadow:0 0 12px #ff3b3033}50%{box-shadow:0 0 20px #ff3b3073}}.progress-container{width:100%;background:#ffffff0f;height:28px;border-radius:8px;margin:16px 0 12px;overflow:hidden;display:flex;position:relative;box-shadow:inset 0 2px 4px #0009;border:1px solid rgba(255,255,255,.1)}.progress-segment{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-family:var(--font-brand);font-size:11px;letter-spacing:.5px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.8);padding:0 6px}.progress-consumed{background:linear-gradient(90deg,#007affbf,#0a84fff2);color:#fff;border-right:1px solid rgba(255,255,255,.3)}.progress-remaining{background:linear-gradient(90deg,#30d158,#34c759);color:#000;text-shadow:none;font-weight:900}.progress-remaining.critical{background:linear-gradient(90deg,#ff453a,#ff3b30);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.progress-remaining.marginal{background:linear-gradient(90deg,#ffd60a,#ffc72c);color:#000;text-shadow:none}.target-marker{position:absolute;top:-6px;height:40px;width:2px;background:#ffd60a;z-index:4;box-shadow:0 0 10px #ffd60acc;transition:left .4s ease;pointer-events:none}.target-marker-label{position:absolute;transform:translate(-50%);top:-14px;font-family:var(--font-brand);font-size:8.5px;font-weight:800;letter-spacing:.5px;background:#ffd60a;color:#000;padding:1px 6px;border-radius:4px;box-shadow:0 2px 8px #00000080;white-space:nowrap}.tabular-nums,.metric-val,.hero-stat-block div{font-variant-numeric:tabular-nums}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-line{width:14px;height:0;border-top:2px dashed rgba(255,255,255,.8);display:inline-block}.kpi-ticker-container{max-width:1400px;margin:0 auto 16px;display:flex;align-items:center;gap:12px;overflow-x:auto;padding:10px 16px;background:#1c1c1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;scrollbar-width:none}.kpi-ticker-container::-webkit-scrollbar{display:none}.kpi-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.card-icon{font-size:20px;color:var(--brand-yellow)}.metric-container{display:flex;align-items:baseline;gap:8px;margin:8px 0}.metric-val{font-size:42px;font-weight:700;color:var(--text-main)}.metric-unit{font-size:16px;color:var(--text-muted)}.sub-metric{font-size:12px;color:var(--text-muted);background:#ffffff0d;padding:6px 12px;border-radius:var(--radius-sm);width:fit-content;display:inline-flex;align-items:center;gap:6px}.pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.shimmer{background:var(--shimmer);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#loader-overlay{position:fixed;inset:0;background:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.modal-overlay{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));animation:modalFadeIn .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:linear-gradient(180deg,#222226fa,#141418fc);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:32px 28px;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 60px #000c,0 0 1px 1px #ffffff14,inset 0 1px #ffffff1f;animation:modalScaleIn .26s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.modal-close-btn:hover{background:#ffffff29;color:var(--text-main);transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.modal-badge-wrapper{margin-bottom:14px;display:flex;justify-content:center}.modal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-family:var(--font-brand);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12)}.modal-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.modal-icon-container{margin-bottom:16px;display:flex;justify-content:center}.modal-icon-badge{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff05 70%);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 24px #0006;animation:iconPop .32s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes iconPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.modal-variant-danger .modal-content{border-color:#ff3b3059;box-shadow:0 24px 60px #000c,0 0 30px #ff3b3026}.modal-variant-danger .modal-badge{background:#ff3b3026;color:var(--brand-red);border-color:#ff3b304d}.modal-variant-danger .modal-icon-badge{background:radial-gradient(circle,#ff3b3040,#ff3b300a 70%);border-color:#ff3b3066;box-shadow:0 8px 24px #ff3b3040}.modal-variant-success .modal-content{border-color:#34c75959;box-shadow:0 24px 60px #000c,0 0 30px #34c75926}.modal-variant-success .modal-badge{background:#34c75926;color:var(--brand-green);border-color:#34c7594d}.modal-variant-success .modal-icon-badge{background:radial-gradient(circle,#34c75940,#34c7590a 70%);border-color:#34c75966;box-shadow:0 8px 24px #34c75940}.modal-variant-warning .modal-content{border-color:#ffcc0059;box-shadow:0 24px 60px #000c,0 0 30px #ffcc0026}.modal-variant-warning .modal-badge{background:#ffcc0026;color:var(--brand-yellow);border-color:#ffcc004d}.modal-variant-warning .modal-icon-badge{background:radial-gradient(circle,#ffcc0040,#ffcc000a 70%);border-color:#fc06;box-shadow:0 8px 24px #ffcc0040}.modal-variant-confirm .modal-content{border-color:#007aff59;box-shadow:0 24px 60px #000c,0 0 30px #007aff26}.modal-variant-confirm .modal-badge{background:#007aff26;color:var(--brand-blue);border-color:#007aff4d}.modal-variant-confirm .modal-icon-badge{background:radial-gradient(circle,#007aff40,#007aff0a 70%);border-color:#007aff66;box-shadow:0 8px 24px #007aff40}.modal-title{font-family:var(--font-brand);font-size:1.45rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--text-main);margin-bottom:6px;line-height:1.2;width:100%}.modal-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:10px;width:100%}.modal-message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:6px 0 16px;width:100%;word-break:break-word}.modal-message strong{color:var(--text-main);font-weight:700}.modal-message .alert-box{background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:10px;padding:12px 14px;margin-top:12px;font-size:.85rem;color:#ff453a;text-align:left;line-height:1.5}.modal-details-grid{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin:10px 0 16px;display:flex;flex-direction:column;gap:6px;text-align:left}.modal-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.modal-detail-row:last-child{border-bottom:none}.modal-detail-row.highlight{background:#ffcc0014;padding:6px 8px;border-radius:6px;border-bottom:none}.modal-detail-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.modal-detail-value-wrap{display:flex;align-items:center;gap:8px}.modal-detail-val{color:var(--text-main);font-weight:700;font-family:var(--font-brand);font-size:.95rem}.modal-detail-tag{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text-secondary)}.modal-actions{display:flex;gap:12px;width:100%;margin-top:14px}.modal-btn{flex:1;padding:13px 18px;border-radius:40px;font-family:var(--font-brand);font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none}.modal-btn-confirm{background:var(--brand-red);color:#fff;box-shadow:0 4px 16px #ff3b3059}.modal-variant-success .modal-btn-confirm{background:var(--brand-green);box-shadow:0 4px 16px #34c75959}.modal-variant-confirm .modal-btn-confirm{background:var(--brand-blue);box-shadow:0 4px 16px #007aff59}.modal-btn-confirm.destructive{background:var(--brand-red)!important;box-shadow:0 4px 16px #ff3b3073!important}.modal-btn-confirm:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 6px 20px #0006}.modal-btn-confirm:active{transform:translateY(0)}.modal-btn-cancel{background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12)}.modal-btn-cancel:hover{background:#ffffff26;color:var(--text-main);transform:translateY(-1px)}.modal-btn-cancel:active{transform:translateY(0)}.settings-modal-card{background:linear-gradient(180deg,#1c1c1e,#141416);border-radius:20px;border:1px solid rgba(255,255,255,.14);width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #000c,0 0 1px 1px #ffffff14;overflow:hidden;color:#fff;animation:modalScaleIn .25s cubic-bezier(.34,1.56,.64,1) forwards}.settings-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.settings-modal-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#00000059;overflow-x:auto}.settings-modal-tab-btn{flex:1;min-width:130px;padding:14px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-brand);font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.settings-modal-tab-btn:hover{color:var(--text-main);background:#ffffff08}.settings-modal-tab-btn.active{color:var(--brand-blue);background:#007aff1a;border-bottom-color:var(--brand-blue)}.settings-modal-body{padding:24px;overflow-y:auto;flex:1}.settings-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:#00000059}.day-picker-chip{flex:1;padding:10px 4px;border-radius:8px;font-family:var(--font-brand);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;border:1px solid rgba(255,255,255,.1);background:#2c2c2e;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.day-picker-chip:hover{border-color:#ffffff40;color:var(--text-main)}.day-picker-chip.active-blue{border-color:var(--brand-blue);background:#007aff33;color:var(--brand-blue);box-shadow:0 0 12px #007aff40}.day-picker-chip.active-yellow{border-color:var(--brand-yellow);background:#fc03;color:var(--brand-yellow);box-shadow:0 0 12px #ffcc0040}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.sync-badge.fresh{background:#30d1581a;color:var(--brand-green);border-color:#30d15833}.sync-badge.stale{background:#ff9f0a1a;color:var(--brand-yellow);border-color:#ff9f0a33}@media(max-width:1024px){.span-3,.span-4{grid-column:span 6}}@media(max-width:640px){.bento-grid{gap:12px}.span-3{grid-column:span 6}.span-4,.span-6,.span-8,.span-12{grid-column:span 12}body{padding-top:max(14px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(88px + env(safe-area-inset-bottom))}.metric-val{font-size:32px}.header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.app-topbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.app-topbar .topbar-brand-group{width:100%;display:flex;justify-content:space-between;align-items:center}.app-topbar .topbar-utility-cluster{width:100%;justify-content:space-between}.header .btn-group{width:100%;justify-content:flex-start;flex-wrap:wrap}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));background:#121212eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:768px){.mobile-nav{display:flex}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase;gap:4px;transition:color .2s;flex:1;min-height:48px;padding:6px 0}.mobile-nav-item.active{color:var(--brand-red)}.mobile-nav-item .material-symbols-outlined{font-size:26px}.table-container{margin-top:20px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border)}table{width:100%;border-collapse:collapse}th{background:#ffffff08;padding:12px 16px;text-align:left;font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}td{padding:16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:14px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.app-topbar{position:relative;z-index:500;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:24px;padding:12px 20px;background:#121212d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 20px #00000040}.topbar-brand-group{justify-self:start}.topbar-brand-group .brand-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.05rem;font-weight:800}.topbar-brand-group .brand-name{color:var(--brand-red);letter-spacing:.05em;font-family:var(--font-brand)}.topbar-brand-group .brand-badge{font-size:.65rem;background:#ffd60a1f;border:1px solid rgba(255,214,10,.25);color:#ffd60a;padding:3px 9px;border-radius:6px;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.topbar-nav-tabs{position:relative;z-index:501;display:flex;align-items:center;justify-self:center;gap:4px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px}.topbar-nav-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 14px;min-width:96px;box-sizing:border-box;color:var(--text-muted);font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;text-decoration:none}.topbar-nav-tab:hover{color:#fff;background:#ffffff0f}.topbar-nav-tab.active{color:#fff;background:#ffffff1f;border-color:#fff3;box-shadow:0 2px 8px #0000004d}.topbar-nav-tab .nav-icon{font-size:16px;opacity:.85}.topbar-nav-tab.active .nav-icon{opacity:1;color:var(--brand-red)}.topbar-utility-cluster{display:flex;align-items:center;justify-self:end;gap:10px;flex-wrap:wrap}.topbar-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:#8e8e93;font-weight:500}.topbar-meta-item .meta-icon{font-size:13px;opacity:.65}.topbar-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e5e5ea;cursor:pointer;transition:all .2s ease}.topbar-action-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.topbar-action-btn.refreshing .material-symbols-outlined{animation:spin .75s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-store-capsule{display:inline-flex;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:2px 5px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.topbar-store-capsule:hover{background:#ffffff12;border-color:#ffffff24}.topbar-store-capsule.active{background:#ffffff1f;border-color:#ffffff38;box-shadow:0 2px 8px #0000004d}.topbar-store-capsule.active .topbar-store-tab-btn{color:#fff}.topbar-store-capsule.active .topbar-store-tab-btn .nav-icon{color:var(--brand-red);opacity:1}.topbar-store-capsule.dropdown-open{border-color:#007aff66}.topbar-store-tab-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:4px 6px;color:var(--text-muted);font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none;border-radius:6px}.topbar-store-tab-btn:hover{color:#fff}.topbar-store-tab-btn .nav-icon{font-size:16px;opacity:.85}.store-breadcrumb-separator{color:#ffffff59;font-size:.85rem;font-weight:700;-webkit-user-select:none;user-select:none;margin:0 1px}.location-trigger-wrapper,.mobile-location-wrapper{position:relative;display:inline-flex;align-items:center}.topbar-location-trigger-btn{display:inline-flex;align-items:center;justify-content:space-between;width:130px;background:#007aff24;border:1px solid rgba(0,122,255,.35);border-radius:6px;padding:3px 8px;color:#007aff;font-size:.72rem;font-weight:800;font-family:var(--font-brand);letter-spacing:.04em;transition:all .2s ease;outline:none;cursor:pointer;box-sizing:border-box}.topbar-location-trigger-btn.mobile{width:auto;min-width:90px;max-width:130px}.topbar-location-trigger-btn:hover{background:#007aff40;border-color:#007aff99;box-shadow:0 0 12px #007aff4d;color:#389bff}.topbar-location-trigger-btn.open{background:#007aff4d;border-color:#007aff;box-shadow:0 0 14px #007aff66}.topbar-location-trigger-btn .location-icon{font-size:13px;color:#007aff;flex-shrink:0}.topbar-location-trigger-btn .location-name{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;color:inherit;font-size:.72rem;font-weight:800}.topbar-location-trigger-btn .dropdown-chevron{font-size:13px;color:inherit;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.topbar-location-trigger-btn .dropdown-chevron.rotated{transform:rotate(180deg)}.location-custom-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:#18181cf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:8px;box-shadow:0 16px 40px #000000bf,0 0 1px 1px #ffffff14;z-index:99999;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}.location-custom-dropdown.mobile-dropdown{right:0;left:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.location-custom-dropdown .dropdown-header{padding:4px 8px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.location-custom-dropdown .dropdown-title{font-size:.62rem;color:#8e8e93;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-brand)}.location-custom-dropdown .dropdown-options-list{display:flex;flex-direction:column;gap:3px}.location-custom-dropdown .dropdown-option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.78rem;font-weight:700;font-family:var(--font-brand);letter-spacing:.04em;cursor:pointer;transition:all .15s ease;text-align:left;outline:none}.location-custom-dropdown .dropdown-option-btn:hover{background:#007aff24;color:#fff;border-color:#007aff4d;transform:translate(2px)}.location-custom-dropdown .dropdown-option-btn.selected{background:#007aff38;color:#007aff;font-weight:800;border-color:#007aff73}.location-custom-dropdown .dropdown-option-btn .option-left{display:flex;align-items:center;gap:6px}.location-custom-dropdown .dropdown-option-btn .option-icon{font-size:14px;color:#007aff}.location-custom-dropdown .dropdown-option-btn .option-name{font-size:.78rem;font-weight:inherit;color:inherit}.location-custom-dropdown .dropdown-option-btn .option-check{font-size:15px;color:#007aff;font-weight:900}.topbar-user-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 10px;color:#e5e5ea;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;outline:none}.topbar-user-pill:hover{background:#ffd60a1f;border-color:#ffd60a4d;color:#ffd60a}.topbar-user-pill .user-icon{font-size:13px;color:var(--brand-blue)}.btn-group{display:flex;gap:12px;align-items:center}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.stepper-btn{min-width:44px;min-height:44px;touch-action:manipulation;transition:background-color .2s,transform .1s!important}.stepper-btn:hover{background-color:#3a3a3c!important}.stepper-btn:active{transform:scale(.95)}.knob-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seven-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.stepper-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-title-highlight{border-left:3px solid var(--brand-blue);padding-left:10px;line-height:1.2}@media(max-width:1024px){.seven-day-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.seven-day-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.knob-grid{grid-template-columns:1fr}}@media(max-width:480px){.seven-day-grid{grid-template-columns:repeat(2,1fr)}.stepper-row-grid{grid-template-columns:1fr}}@keyframes radar-ping-halo{0%{box-shadow:0 0 #ff453aa6}70%{box-shadow:0 0 0 7px #ff453a00}to{box-shadow:0 0 #ff453a00}}@keyframes ambient-glow-breathe{0%,to{opacity:.85;filter:drop-shadow(0 0 4px rgba(255,214,10,.3))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(255,214,10,.6))}}@keyframes tactical-pulse-warning{0%,to{box-shadow:0 0 #ffcc0080}70%{box-shadow:0 0 0 6px #fc00}to{box-shadow:0 0 #fc00}}.badge-shortfall-ping{animation:radar-ping-halo 1.8s cubic-bezier(.24,0,.38,1) infinite}.badge-warning-ping{animation:tactical-pulse-warning 2.2s cubic-bezier(.24,0,.38,1) infinite}.ambient-today-pill{animation:ambient-glow-breathe var(--motion-ambient)}@keyframes speedometer-needle-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(48,209,88,.4))}50%{filter:drop-shadow(0 0 8px rgba(48,209,88,.9))}}.speedometer-needle-live{animation:speedometer-needle-pulse 2.8s infinite ease-in-out}.delivery-day-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.delivery-day-card.has-delivery:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0a84ff40;border-color:#0a84ff99!important}.stepper-btn-tactile{transition:transform .1s ease,background-color .15s ease}.stepper-btn-tactile:active{transform:scale(.92)}@media(prefers-reduced-motion:reduce){.badge-shortfall-ping,.badge-warning-ping,.ambient-today-pill,.rack-target-flag,.rack-top-live,.speedometer-needle-live,.delivery-day-card{animation:none!important;transition:none!important}}@keyframes rack-block-rise{0%{opacity:.1;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes target-flag-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,214,10,.4));opacity:.9}50%{filter:drop-shadow(0 0 8px rgba(255,214,10,.85));opacity:1}}@keyframes rack-top-pulse{0%,to{box-shadow:0 0 4px #30d15866}50%{box-shadow:0 0 12px #30d158e6}}.rack-target-flag{animation:target-flag-glow 2.5s infinite ease-in-out}.rack-top-live{animation:rack-top-pulse 2.2s infinite ease-in-out}@keyframes borderBeamSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-tactile{transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s ease,box-shadow .15s ease,border-color .15s ease!important;user-select:none;-webkit-user-select:none}.btn-tactile:active{transform:scale(.94) translateY(1px)!important}.stepper-btn{transition:transform .12s cubic-bezier(.16,1,.3,1),background-color .12s ease,border-color .12s ease!important;user-select:none;-webkit-user-select:none}.stepper-btn:active{transform:scale(.88)!important;background:#fff3!important}.card-tactile{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease!important}.card-tactile:hover{transform:translateY(-2px)}