:root{--bg:#fbbf24;--card:#fff;--card-border:#000;--accent:#f472b6;--accent2:#38bdf8;--accent3:#4ade80;--danger:#fb7185;--warning:#fbcfe8;--text:#000;--text-muted:#3f3f46;--font-family:"Fredoka", sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;height:100vh;padding:12px 16px;display:flex;overflow:hidden}.dashboard-header{border-bottom:4px solid var(--card-border);background-color:var(--card);border:3px solid #000;border-radius:12px;flex-direction:column;flex-shrink:0;margin-bottom:12px;padding:8px 16px;display:flex;box-shadow:4px 4px #000}.header-title-container{align-items:center;gap:12px;display:flex}.header-dot{background-color:var(--accent3);width:12px;height:12px;box-shadow:0 0 8px var(--accent3);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 8px var(--accent3)}50%{box-shadow:0 0 16px var(--accent3)}to{box-shadow:0 0 8px var(--accent3)}}.header-title{color:var(--text);letter-spacing:1px;margin:0;font-size:26px;font-weight:700}.gorilla-logo{object-fit:contain;cursor:pointer;transform-origin:bottom;border-radius:8px;width:auto;height:48px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.gorilla-logo:hover{transform:scale(1.15)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.thump-video-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.thump-video{border:6px solid #000;border-radius:20px;width:250px;height:auto;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards fadeInScale;box-shadow:8px 8px #000}.header-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.tabs-container{flex-shrink:0;gap:12px;margin-bottom:16px;display:flex}.tab-btn{background-color:var(--card);color:var(--text);border:3px solid var(--card-border);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-family);border-bottom:none;border-radius:16px 16px 0 0;outline:none;padding:12px 24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 -4px #0000001a}.tab-btn:hover{background-color:var(--accent);transform:translateY(-2px)}.tab-btn.active{background-color:var(--accent2);color:#000;border-color:#000}.kpi-container{flex-wrap:nowrap;flex-shrink:0;gap:8px;margin-bottom:16px;display:flex}.kpi-card{background:var(--card);border:3px solid var(--card-border);text-align:center;border-radius:16px;flex:1;min-width:0;padding:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px #000}.kpi-card:hover{background-color:var(--warning);transform:scale(1.05)rotate(-2deg);box-shadow:8px 8px #000}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:11px;font-weight:500}.kpi-value{margin:4px 0;font-size:20px;font-weight:700}.kpi-subtitle{color:var(--text-muted);margin-top:2px;font-size:10px}.glass-card{background:var(--card);border:3px solid var(--card-border);border-radius:16px;margin-bottom:0;padding:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:6px 6px #000}.glass-card h3{letter-spacing:.5px;font-weight:700}.charts-master-grid{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.chart-card{flex-direction:column;display:flex}.canvas-container{flex:1;min-height:0;position:relative}@media (width<=900px){.charts-master-grid{grid-template-rows:auto;grid-template-columns:1fr;overflow-y:auto}#root{height:auto;overflow:visible}}.predictor-header{justify-content:space-between;align-items:center;display:flex}.predictor-title{margin:0 0 4px;font-size:18px}.predictor-form{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;display:grid}.slider-container label{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.slider-container input[type=range]{width:100%;accent-color:var(--accent2)}.btn-primary{background-color:var(--accent);color:#000;cursor:pointer;width:100%;font-size:18px;font-weight:700;font-family:var(--font-family);border:3px solid #000;border-radius:16px;padding:12px 32px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px #000}.btn-primary:hover{background-color:var(--accent2);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn-primary:active{transform:translate(2px,2px);box-shadow:0 0 #000}.prediction-result{background:var(--accent3)}.chat-modal-overlay{z-index:10000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.chat-widget-container{background:var(--card);z-index:10000;resize:both;border:4px solid #000;border-radius:16px;flex-direction:column;width:360px;min-width:250px;height:600px;min-height:300px;display:flex;position:fixed;overflow:hidden;box-shadow:12px 12px #000}.chat-header{background:var(--accent2);cursor:move;-webkit-user-select:none;user-select:none;border-bottom:4px solid #000;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-header h3{margin:0;font-size:20px;font-weight:800}.chat-close-btn{background:var(--card);cursor:pointer;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;transition:transform .2s;display:flex}.chat-close-btn:hover{background:var(--danger);transform:scale(1.1)rotate(90deg)}.chat-messages{background:#e0f2fe;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{width:100%;display:flex}.chat-message.user{justify-content:flex-end}.chat-message.model{justify-content:flex-start}.chat-bubble{white-space:pre-wrap;border:3px solid #000;border-radius:12px;max-width:80%;padding:12px 16px;font-size:15px;line-height:1.4;box-shadow:4px 4px #000}.chat-message.user .chat-bubble{background:var(--accent);border-bottom-right-radius:0}.chat-message.model .chat-bubble{background:var(--card);border-bottom-left-radius:0}.chat-bubble.loading{color:var(--text-muted);font-style:italic}.chat-input-area{background:var(--card);border-top:4px solid #000;gap:8px;padding:12px;display:flex}.chat-input{font-size:16px;font-family:var(--font-family);border:3px solid #000;border-radius:8px;outline:none;flex:1;padding:12px}.chat-input:focus{border-color:var(--accent2)}.chat-send-btn{background:var(--accent3);color:#000;cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-family);border:3px solid #000;border-radius:8px;padding:0 24px;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #000}.chat-send-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #000}.chat-send-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #000}.chat-send-btn:disabled{cursor:not-allowed;background:#ccc}