@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f0f7f6;--bg-gradient: linear-gradient(135deg, #f8fbfb 0%, #e0eceb 100%);--forecast-bg: #ffffff;--chat-bg: #f5f9f8;--text-main: #2d5652;--text-dim: #5c8b86;--border-color: rgba(45, 86, 82, .1);--input-bg: #ffffff;--accent-color: #2d5652;--accent-hover: #97d3cd;--ai-bubble-bg: #e6f2f1;--ai-bubble-text: #2d5652;--shadow: 0 10px 40px rgba(45, 86, 82, .08);--glass-blur: blur(30px)}body.dark-theme{--bg-color: #162a28;--bg-gradient: radial-gradient(circle at 0% 0%, #203e3b 0%, #162a28 100%);--forecast-bg: rgba(35, 68, 65, .6);--chat-bg: rgba(28, 54, 52, .8);--text-main: #f1f8f7;--text-dim: #97d3cd;--border-color: rgba(151, 211, 205, .15);--input-bg: rgba(10, 20, 19, .4);--accent-color: #97d3cd;--accent-hover: #2d5652;--ai-bubble-bg: #23413e;--ai-bubble-text: #f1f8f7;--shadow: 0 8px 32px 0 rgba(0, 0, 0, .5)}body{margin:0;padding:0;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:Outfit,sans-serif;min-height:100vh;transition:all .5s ease;overflow-x:hidden}.app-container{max-width:1400px;margin:0 auto;padding:2rem 1.25rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.logo-section h1{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.05em;color:var(--text-main)}.logo-section span{color:var(--accent-hover)}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 10px #00000008}.main-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;gap:2rem}}.floating-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:24px;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .4s ease;width:100%;box-sizing:border-box}.forecast-card{background:var(--forecast-bg)}.chat-card{background:var(--chat-bg)}.floating-card:hover{transform:translateY(-4px);border-color:var(--accent-color)}.card-title{font-size:1.25rem;font-weight:600;margin:0 0 2rem;color:var(--text-main);display:flex;align-items:center;gap:.85rem}.card-title:before{content:"";width:4px;height:22px;background:var(--accent-color);border-radius:4px}.prediction-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.input-group label{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;display:block}.input-group input,.input-group select{width:100%;padding:.9rem 1.1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease;box-sizing:border-box}.input-group input[type=date]{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232d5652' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer;background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;color-scheme:light}body.dark-theme .input-group input[type=date]{color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2397d3cd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}.input-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}::-webkit-datetime-edit-month-field:focus,::-webkit-datetime-edit-day-field:focus,::-webkit-datetime-edit-year-field:focus{background-color:var(--accent-color);color:#fff;border-radius:4px}.submit-btn{margin-top:1rem;padding:1.1rem;background:var(--accent-color);border:none;border-radius:14px;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.result-card{margin-top:2rem;text-align:center}.result-price{font-size:3rem;font-weight:800;color:var(--text-main)}.confidence-bar-container{width:100%;height:6px;background:var(--border-color);border-radius:10px;margin:1.5rem 0;overflow:hidden}.confidence-bar{height:100%;background:var(--accent-color);transition:width 1s ease-in-out}.assistant-card{height:600px;display:flex;flex-direction:column}.chat-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding-right:.5rem}.chat-bubble{padding:1rem 1.25rem;border-radius:20px;font-size:.95rem;line-height:1.5;max-width:85%}.chat-bubble.ai{background:var(--ai-bubble-bg);color:var(--ai-bubble-text);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.user{background:var(--accent-color);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-input-wrapper{display:flex;gap:.5rem;padding:.5rem;background:var(--input-bg);border-radius:16px;border:1px solid var(--border-color)}.chat-input{flex:1;background:transparent;border:none;padding:.75rem 1rem;color:var(--text-main);outline:none}.chat-send{background:var(--accent-color);color:#fff;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}