:root{--bg-base: #06080D;--bg-surface: rgba(15, 23, 42, .65);--bg-surface-elevated: rgba(30, 41, 59, .75);--bg-surface-subtle: rgba(255, 255, 255, .03);--bg-surface-subtle-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(99, 102, 241, .35);--glass-border-glow: rgba(255, 255, 255, .15);--glass-shine: inset 0 1px 0 0 rgba(255, 255, 255, .12);--glass-shadow: 0 10px 30px -10px rgba(0, 0, 0, .7), 0 20px 25px -5px rgba(0, 0, 0, .4);--glass-shadow-hover: 0 20px 40px -15px rgba(0, 0, 0, .9), 0 0 25px rgba(99, 102, 241, .18);--primary: #6366F1;--primary-hover: #4F46E5;--primary-glow: rgba(99, 102, 241, .25);--cyan: #06B6D4;--cyan-glow: rgba(6, 182, 212, .25);--success: #10B981;--success-hover: #059669;--success-glow: rgba(16, 185, 129, .25);--success-surface: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .3);--danger: #EF4444;--danger-hover: #DC2626;--danger-glow: rgba(239, 68, 68, .25);--danger-surface: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--warning: #F59E0B;--warning-surface: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #8492A6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100vw;overflow-x:hidden;position:relative}body{font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11","tnum";letter-spacing:-.012em;background-color:var(--bg-base);background-image:radial-gradient(circle at 10% 10%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 90% 15%,rgba(16,185,129,.06) 0%,transparent 45%),radial-gradient(circle at 50% 90%,rgba(6,182,212,.05) 0%,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.app-container{width:100%;max-width:1480px;margin:0 auto;padding:2rem 1.25rem 3.5rem;box-sizing:border-box;overflow-x:hidden}.bento-card{background:var(--bg-surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shine),var(--glass-shadow);border-radius:18px;padding:1.5rem;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-bottom:1.5rem}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.bento-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shine),var(--glass-shadow-hover)}.header-glass{background:#0f172abf;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid var(--glass-border);box-shadow:var(--glass-shine),var(--glass-shadow);border-radius:20px;padding:1.25rem 1.75rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap}.brand-title{display:flex;align-items:center;gap:.85rem;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-badge.online{background:var(--success-surface);border:1px solid var(--success-border);color:#34d399;box-shadow:0 0 15px var(--success-glow)}.status-badge.offline{background:var(--danger-surface);border:1px solid var(--danger-border);color:#f87171;box-shadow:0 0 15px var(--danger-glow)}.pulse-dot{width:8px;height:8px;border-radius:50%;position:relative}.pulse-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.pulse-dot.online:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--success);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.pulse-dot.offline{background:var(--danger)}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.9}50%{transform:scale(1.6);opacity:0}to{transform:scale(.6);opacity:0}}.quota-capsule{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border-radius:12px;font-size:.8rem;background:#1e293b99;border:1px solid var(--glass-border);color:#cbd5e1}.quota-pill-value{font-family:var(--font-mono);font-weight:700;color:#38bdf8}.controls-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:12px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:#1e293bb3;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff1a}.glass-btn:hover{transform:translateY(-2px)}.glass-btn:active{transform:translateY(0)}.glass-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f180;box-shadow:0 0 20px var(--primary-glow),inset 0 1px #ffffff40;color:#fff}.glass-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 0 30px var(--primary-glow)}.glass-btn-success{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98180;box-shadow:0 0 20px var(--success-glow),inset 0 1px #ffffff40;color:#fff}.glass-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 0 30px var(--success-glow)}.glass-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444480;box-shadow:0 0 20px var(--danger-glow),inset 0 1px #ffffff40;color:#fff}.glass-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 30px var(--danger-glow)}.glass-btn-ghost{background:#ffffff0a;border-color:var(--glass-border);color:#cbd5e1}.glass-btn-ghost:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff}.bento-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.75rem}@media(min-width:1200px){.bento-kpi-grid{grid-template-columns:repeat(4,1fr)}}.bento-matrix-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:.5rem}@media(min-width:640px){.bento-matrix-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-matrix-grid{grid-template-columns:repeat(4,1fr)}}.bento-kpi-tile{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shine),0 8px 20px -6px #00000080;border-radius:16px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;position:relative;transition:all .24s ease}.bento-kpi-tile:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);background:#141e34bf}.bento-kpi-tile.featured{background:linear-gradient(135deg,#6366f126,#0f172ab3);border-color:#6366f159;box-shadow:var(--glass-shine),0 0 25px #6366f126}.bento-kpi-header{display:flex;align-items:center;justify-content:space-between}.bento-kpi-icon-wrap{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border)}.bento-kpi-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.bento-kpi-value{font-family:var(--font-mono);font-size:1.45rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2}.bento-kpi-sub{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.tab-view-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:tabFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-tab-bar{display:inline-flex;gap:.4rem;background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:.35rem;border-radius:14px;margin-bottom:1.5rem;box-shadow:inset 0 1px #ffffff14}.glass-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:10px;font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-secondary);transition:all .2s ease}.glass-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.glass-tab-btn.active{background:linear-gradient(135deg,#6366f1d9,#4f46e5f2);color:#fff;border-color:#fff3;box-shadow:0 4px 15px #6366f159,inset 0 1px #ffffff4d}.card-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.85rem;border-bottom:1px solid var(--glass-border);padding-bottom:.9rem;margin-bottom:1.25rem}.card-title-bento{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.glass-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:8px;font-size:.75rem;font-weight:600;max-width:100%;word-break:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-pill-emerald{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399}.glass-pill-rose{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171}.glass-pill-amber{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24}.glass-pill-indigo{background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc}.glass-pill-cyan{background:#06b6d426;border:1px solid rgba(6,182,212,.35);color:#67e8f9}.glass-pill-slate{background:#ffffff0f;border:1px solid var(--glass-border);color:#94a3b8}.bento-items-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.15rem}@media(min-width:768px){.bento-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.bento-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bento-item-card{background:#141d2f8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;gap:.75rem;transition:all .22s ease;position:relative;min-width:0;overflow:hidden}.bento-item-card:hover{background:#1a263eb3;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 12px 28px -10px #0009}.bento-item-card.active-bet-border{border-left:4px solid var(--success)}.bento-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.bento-item-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.35}.live-score-chip-bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.5rem .75rem;background:#0f172aa6;border:1px solid var(--glass-border);border-radius:10px;font-size:.8rem}.opi-bar-container{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .65rem;background:#0f172a73;border:1px solid var(--glass-border);border-radius:8px}.opi-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.opi-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.api-football-bento{background:#0a0f1d99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.65rem .85rem;font-size:.78rem;display:flex;flex-direction:column;gap:.5rem}.terminal-bento{background:#05070b;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;height:320px;overflow-y:auto;box-shadow:inset 0 2px 10px #000c}.terminal-header-dots{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:10px;height:10px;border-radius:50%}.glass-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.83rem;text-align:left}.glass-table th{padding:.85rem 1rem;background:#1e293b73;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;border-bottom:1px solid var(--glass-border)}.glass-table th:first-child{border-top-left-radius:10px}.glass-table th:last-child{border-top-right-radius:10px}.glass-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary);vertical-align:middle}.glass-table tr:hover td{background:#ffffff08}.rationale-glass-drawer{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:.9rem 1.15rem;margin:.4rem .5rem .8rem;font-size:.82rem;line-height:1.5;color:#e2e8f0;box-shadow:0 4px 15px #6366f11a}.bottom-nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:none;background:#0a0f1df0;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border-top:1px solid var(--glass-border);box-shadow:0 -8px 25px #0009;padding-bottom:env(safe-area-inset-bottom,8px);height:calc(64px + env(safe-area-inset-bottom,8px));box-sizing:border-box}.bottom-nav-item{flex:1;height:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;padding:6px 0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:#818cf8}.bottom-nav-item.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:linear-gradient(90deg,#6366f1,#38bdf8);border-radius:999px;box-shadow:0 0 10px #6366f1cc}.bottom-nav-label{font-size:.72rem;font-weight:700;letter-spacing:-.01em}.bottom-nav-badge{position:absolute;top:6px;right:calc(50% - 22px);background:#10b981;color:#06080d;font-size:.65rem;font-weight:800;border-radius:999px;padding:1px 5px;min-width:16px;text-align:center;box-shadow:0 0 8px #10b98199}.modal-backdrop-glass{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-dialog-bento{background:#0f172af5;border:1px solid var(--glass-border);box-shadow:var(--glass-shine),0 25px 50px -12px #000000e6,0 0 30px #6366f133;border-radius:20px;width:100%;max-width:480px;padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;position:relative;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-notification{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.35rem;border-radius:14px;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 30px #0009,0 0 20px #6366f140;animation:toastSlideDown .3s cubic-bezier(.16,1,.3,1);max-width:92vw;font-size:.88rem;font-weight:600;color:#f8fafc}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.predictions-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1.25rem}.predictions-kpi-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;padding:1rem;display:flex;align-items:center;gap:.85rem}.predictions-kpi-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scroll-x-touch{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px;width:100%}.scroll-x-touch::-webkit-scrollbar{display:none}.filter-chip{min-height:44px;padding:0 1rem;display:inline-flex;align-items:center;gap:.45rem;border-radius:12px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-chip:hover{background:#ffffff14;color:#f8fafc}.filter-chip.active{background:#6366f133;border-color:#6366f180;color:#a5b4fc;box-shadow:0 0 12px #6366f140}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem;margin-top:1rem}.prediction-card{background:#141d2f99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.15rem;display:flex;flex-direction:column;gap:.85rem;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);min-width:0;overflow:hidden}.prediction-card:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 12px 28px -8px #000000b3,0 0 20px #6366f126}.prediction-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.prediction-hero-pick{background:linear-gradient(135deg,#10b98124,#06b6d41f);border:1px solid rgba(52,211,153,.4);border-radius:12px;padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 0 16px #10b9811f}.prediction-pick-icon{width:34px;height:34px;border-radius:8px;background:#10b98138;color:#34d399;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prediction-pick-subtitle{font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#34d399;line-height:1;margin-bottom:3px}.prediction-pick-title{font-family:var(--font-mono);font-weight:900;font-size:1.15rem;color:#f8fafc;line-height:1.15;letter-spacing:-.01em}.prediction-pick-prob-badge{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-shrink:0}.prediction-pick-prob-badge .prob-number{font-family:var(--font-mono);font-weight:900;font-size:1.35rem;color:#34d399;line-height:1}.prediction-pick-prob-badge .prob-label{font-size:.6rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.prob-1x2-bar-track{width:100%;height:22px;border-radius:6px;background:#ffffff0f;display:flex;overflow:hidden;border:1px solid var(--glass-border)}.prob-1x2-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;font-family:var(--font-mono);color:#f8fafc;white-space:nowrap;transition:width .3s ease;overflow:hidden;text-overflow:clip}.seg-home{background:linear-gradient(90deg,#059669,#10b981)}.seg-draw{background:linear-gradient(90deg,#d97706,#f59e0b)}.seg-away{background:linear-gradient(90deg,#6366f1,#818cf8)}.prob-matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.prob-matrix-chip{background:#0f172ab3;border:1px solid var(--glass-border);border-radius:10px;padding:.5rem .65rem;display:flex;flex-direction:column;gap:2px}.prob-matrix-chip.chip-highlight{background:#6366f117;border-color:#6366f14d}.prob-matrix-chip .chip-header{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.prob-matrix-chip .chip-value{font-size:.8rem;color:#f8fafc;font-weight:600}.prob-matrix-chip .chip-value strong{color:#34d399;font-family:var(--font-mono);font-weight:800}.prob-matrix-chip .chip-sub{font-size:.68rem;color:#94a3b8}.confidence-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.confidence-bar-high{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 8px #10b98180}.confidence-bar-medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b80}.confidence-bar-low{background:linear-gradient(90deg,#6366f1,#818cf8);box-shadow:0 0 8px #6366f180}.prediction-rationale-box{background:#6366f114;border:1px solid rgba(99,102,241,.22);border-radius:12px;padding:.85rem;font-size:.82rem;line-height:1.5;color:#e2e8f0}.history-table-desktop{display:block}.history-mobile-container{display:none}.history-mobile-list{display:flex;flex-direction:column;gap:.85rem;margin-top:.75rem}.history-mobile-card{background:#141d2fa6;border:1px solid var(--glass-border);border-radius:16px;padding:1.15rem;display:flex;flex-direction:column;gap:.75rem;position:relative;min-width:0;overflow:hidden}.history-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.history-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;background:#0a0f1d80;border:1px solid var(--glass-border);border-radius:12px;padding:.75rem}.history-mobile-rationale-btn{min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:10px;color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.history-mobile-rationale-btn:hover{background:#6366f12e}@media(max-width:767px){.bottom-nav-bar{display:flex}.desktop-tab-bar{display:none!important}.app-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,16px))!important}.history-table-desktop{display:none!important}.history-mobile-container{display:block!important}.predictions-grid{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:640px){.app-container{padding:1rem .75rem calc(84px + env(safe-area-inset-bottom,16px))}.header-glass{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.controls-group{width:100%}.controls-group .glass-btn{flex:1;padding:.6rem .75rem;font-size:.8rem}.bento-kpi-grid{grid-template-columns:1fr 1fr;gap:.75rem}.bento-kpi-tile{padding:.9rem .85rem!important}.bento-kpi-value{font-size:1.25rem!important}.bento-card{padding:1.15rem;border-radius:14px}.terminal-bento{height:240px;font-size:.78rem}.modal-backdrop-glass{align-items:flex-end;padding:0}.modal-dialog-bento{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,8px))}}