@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap);*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{-ms-text-size-adjust:100%;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;padding:0}.container{margin:0 auto;padding:0 1rem;width:100%}@media (min-width:320px){.container{max-width:320px}}@media (min-width:576px){.container{max-width:540px;padding:0 1.5rem}}@media (min-width:768px){.container{max-width:720px;padding:0 2rem}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.mobile-navigation{background:#fff;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1rem}.logo,.mobile-header{align-items:center;display:flex}.logo{gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.menu-toggle{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .2s ease}.menu-toggle:focus,.menu-toggle:hover{background-color:#f3f4f6}.mobile-menu{bottom:0;left:0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1001}.mobile-menu.open{transform:translateX(0)}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;right:0}.menu-content,.menu-overlay{bottom:0;left:0;position:absolute;top:0}.menu-content{background:#fff;overflow-y:auto;width:280px}.menu-content,.menu-items{padding:1rem 0}.menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.menu-item:focus,.menu-item:hover{background-color:#f3f4f6;color:#667eea}.menu-item.active{background-color:#667eea;color:#fff}.item-icon{font-size:1.25rem;text-align:center;width:24px}.item-name{font-weight:500}.bottom-tab-bar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;left:0;padding:.5rem 0;position:fixed;right:0;z-index:999}.tab-item{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem;transition:color .2s ease}.tab-item.active{color:#667eea}.tab-icon{font-size:1.25rem}.tab-label{font-weight:500}@media (max-width:767px){.desktop-navigation{display:none}.main-content-mobile{padding-bottom:80px;padding-top:80px}}@media (min-width:768px){.mobile-navigation{display:none}}.dynamic-card-grid{grid-gap:1rem;display:grid;gap:1rem;padding:1rem}@media (min-width:768px){.dynamic-card-grid{gap:1.5rem;padding:1.5rem}}.mobile-dashboard{padding:1rem}@media (min-width:768px){.mobile-dashboard{padding:1.5rem}}.dashboard-hero{margin-bottom:2rem;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}@media (min-width:768px){.hero-title{font-size:2.5rem}}.hero-subtitle{color:#6b7280;font-size:1rem;margin:0}@media (min-width:768px){.hero-subtitle{font-size:1.125rem}}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.metric-card.expanded{box-shadow:0 12px 40px #00000026;transform:scale(1.02);z-index:10}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-change{border-radius:6px;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.metric-change.positive{background-color:#dcfce7;color:#166534}.metric-change.negative{background-color:#fef2f2;color:#dc2626}.metric-content{text-align:center}.metric-value{color:#1f2937;font-size:2rem;font-weight:700;margin:0}@media (min-width:768px){.metric-value{font-size:2.5rem}}.metric-title{color:#6b7280;font-size:.875rem;margin:.5rem 0 0}.metric-details{animation:slideDown .3s ease-out;border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-placeholder{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:.875rem;padding:2rem;text-align:center}.quick-actions{margin-top:3rem}.quick-actions h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.action-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.action-grid{grid-template-columns:repeat(4,1fr)}}.action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:80px;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}@media (min-width:768px){.action-button{min-height:100px}}.action-button:focus,.action-button:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-icon{font-size:1.5rem}.action-text{color:#374151;font-size:.875rem;font-weight:500;text-align:center}.touch-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease;user-select:none;-webkit-user-select:none}.touch-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.touch-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.touch-button.outline{background:#0000;border:2px solid #667eea;color:#667eea}.touch-button:hover:not(.pressed){box-shadow:0 4px 12px #667eea40;transform:translateY(-1px)}.touch-button.pressed{box-shadow:0 2px 4px #0000001a;transform:scale(.98)}.touch-button.small{font-size:.875rem;min-height:40px;padding:.5rem 1rem}.touch-button.medium{font-size:1rem;min-height:44px;padding:.75rem 1.5rem}.touch-button.large{font-size:1.125rem;min-height:48px;padding:1rem 2rem}@media (max-width:767px){.touch-button{font-size:16px;min-height:48px;padding:12px 16px}.touch-button.small{min-height:44px}.touch-button.medium{min-height:48px}.touch-button.large{min-height:52px}}.mobile-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;padding:1.5rem}.form-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.mobile-form{gap:1rem;padding:1.5rem}.mobile-form,.mobile-input-group{display:flex;flex-direction:column}.mobile-input-group{gap:.5rem}.input-label{color:#374151;font-size:.875rem;font-weight:500}.required{color:#ef4444;margin-left:.25rem}.mobile-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mobile-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:767px){.mobile-input{min-height:48px;padding:12px 16px}.hide-mobile{display:none!important}}@media (min-width:768px){.show-mobile{display:none!important}}@media (min-width:768px) and (max-width:991px){.hide-tablet{display:none!important}}@media (min-width:992px){.hide-desktop{display:none!important}}@media (max-width:767px){.button,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.loading-spinner{align-items:center;color:#6b7280;display:inline-flex;font-size:.875rem;gap:.5rem}.loading-spinner:before{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top-color:#667eea;height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.action-button,.metric-card,.mobile-form-container,.touch-button{border:2px solid #000}}.action-button,.menu-content,.metric-card,.touch-button{transform:translateZ(0);will-change:transform}img{loading:lazy;height:auto;max-width:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.15;scroll-behavior:smooth}body{background:#0a0b0f;color:#fff}:root{--bg-primary:#0a0b0f;--bg-secondary:#111218;--bg-tertiary:#1a1b23;--bg-elevated:#252730;--text-primary:#fff;--text-secondary:#f3f4f6;--text-tertiary:#d1d5db;--text-muted:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);--gradient-primary-subtle:linear-gradient(135deg,#1e40af,#7c3aed 50%,#be185d);--gradient-surface:linear-gradient(135deg,#1a1b23,#252730);--shadow-glow-blue:0 0 20px #3b82f64d;--shadow-glow-purple:0 0 20px #a855f74d;--shadow-glow-pink:0 0 20px #ec48994d}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111218;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#9333ea);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500))}html{scrollbar-color:#2563eb #111218;scrollbar-color:var(--primary-600) var(--bg-secondary);scrollbar-width:thin}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #1a1b23;border:3px solid var(--bg-tertiary);border-image:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899) 1;border-image:var(--gradient-primary) 1;border-radius:50%;border-top:3px solid #0000;position:relative}.loading-spinner:before{border-radius:50%;bottom:-3px;content:"";filter:blur(8px);left:-3px;opacity:.7;position:absolute;right:-3px;top:-3px;z-index:-1}.bg-gradient-primary,.loading-spinner:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background:var(--gradient-primary)}.bg-gradient-surface{background:linear-gradient(135deg,#1a1b23,#252730);background:var(--gradient-surface)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:600}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1b23cc;border:1px solid #3741514d}.glow-blue{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow-blue)}.glow-purple{box-shadow:0 0 20px #a855f74d;box-shadow:var(--shadow-glow-purple)}.glow-pink{box-shadow:0 0 20px #ec48994d;box-shadow:var(--shadow-glow-pink)}.hover-glow-blue:hover{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow-blue);transition:box-shadow .3s ease}.hover-glow-purple:hover{box-shadow:0 0 20px #a855f74d;box-shadow:var(--shadow-glow-purple);transition:box-shadow .3s ease}.hover-glow-pink:hover{box-shadow:0 0 20px #ec48994d;box-shadow:var(--shadow-glow-pink);transition:box-shadow .3s ease}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699}}.shimmer{overflow:hidden;position:relative}.shimmer:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.bento-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bento-card{background:linear-gradient(135deg,#1a1b23,#252730);background:var(--gradient-surface);border:1px solid #3741514d;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.bento-card:hover{border-color:#3b82f666;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.bento-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.bento-card:hover:before{opacity:1}::selection{background:#3b82f64d;color:#fff;color:var(--text-primary)}::-moz-selection{background:#3b82f64d;color:#fff;color:var(--text-primary)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}code{background:#37415180;border-radius:.375rem;color:#f472b6;color:var(--accent-400);font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.875em;padding:.25rem .5rem}pre{background:#111218;background:var(--bg-secondary);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:.75rem;font-family:JetBrains Mono,monospace;overflow-x:auto;padding:1.5rem}pre code{background:none;color:#f3f4f6;color:var(--text-secondary);padding:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-high-contrast{color:#fff!important;color:var(--text-primary)!important;font-weight:500}.text-medium-contrast{color:#f3f4f6!important;color:var(--text-secondary)!important}.text-accessible-gray{color:#d1d5db!important;color:var(--text-tertiary)!important}input::placeholder,textarea::placeholder{color:#9ca3af!important;color:var(--text-quaternary)!important;opacity:1}input:focus::placeholder,textarea:focus::placeholder{color:#d1d5db!important;color:var(--text-tertiary)!important}button{font-weight:500}button:disabled{cursor:not-allowed;opacity:.6}a{color:#60a5fa;color:var(--primary-400);text-decoration:none}a:hover{color:var(--primary-300);text-decoration:underline}.status-success{color:#34d399!important;font-weight:500}.status-warning{color:#fbbf24!important;font-weight:500}.status-error{color:#f87171!important;font-weight:500}.card-title{color:#fff!important;color:var(--text-primary)!important;font-weight:600}.card-subtitle{color:#f3f4f6!important;color:var(--text-secondary)!important;font-weight:500}.card-description{color:#d1d5db!important;color:var(--text-tertiary)!important;line-height:1.6}.badge-text{font-size:.875rem;font-weight:500}.text-gray-400{color:#d1d5db!important;color:var(--text-tertiary)!important}.text-gray-500{color:#9ca3af!important;color:var(--text-quaternary)!important}html{height:-webkit-fill-available}body{-webkit-overflow-scrolling:touch;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}.floating-chat-button{bottom:20px!important;position:fixed!important;right:20px!important;z-index:9999!important}.bottom-tab-bar{bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tab-bar,.mobile-navigation{left:0!important;position:fixed!important;right:0!important;z-index:1000!important}.mobile-navigation{padding-top:env(safe-area-inset-top,0);top:0!important}.main-content-mobile{min-height:calc(100vh - 160px);min-height:calc(100vh - 160px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important;padding-top:calc(80px + env(safe-area-inset-top, 0px))!important}.mobile-menu{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9998!important}.mobile-container{padding-bottom:100px!important}.full-height-mobile{height:100vh;height:-webkit-fill-available}@supports (-webkit-touch-callout:none){.mobile-safe-area{padding-bottom:env(safe-area-inset-bottom)}.fixed-bottom-element{bottom:env(safe-area-inset-bottom,0)!important}}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}.sticky-footer{bottom:0!important;margin-top:auto!important;position:-webkit-sticky!important;position:sticky!important}.scrollable-content{-webkit-overflow-scrolling:touch;overflow-y:auto}@media screen and (max-height:640px){.mobile-navigation{height:60px!important}.main-content-mobile{padding-bottom:70px!important;padding-top:70px!important}}@media screen and (max-height:568px){.mobile-navigation{height:50px!important}.main-content-mobile{padding-bottom:60px!important;padding-top:60px!important}.floating-chat-button{bottom:15px!important;right:15px!important;transform:scale(.9)!important}}@media screen and (orientation:landscape) and (max-height:500px){.bottom-tab-bar,.mobile-navigation{height:50px!important}.main-content-mobile{padding-bottom:60px!important;padding-top:60px!important}}@media screen and (max-width:768px){.viewport-height-fix{height:100vh;height:-webkit-fill-available}.mobile-page{min-height:calc(100vh - 160px)}.bottom-sheet{bottom:0!important;left:0!important;max-height:calc(100vh - 100px);position:fixed!important;right:0!important;z-index:9997!important}}.mobile-debug{background:#f00c;border-radius:5px;color:#fff;font-size:12px;left:10px;padding:5px 10px;position:fixed;top:10px;z-index:10000}@media screen and (min-width:769px){.mobile-debug{display:none!important}}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;min-height:-webkit-fill-available;position:relative;text-align:left}@keyframes pulse-soft{0%,to{box-shadow:0 10px 25px #3b82f626;transform:scale(1)}50%{box-shadow:0 15px 35px #3b82f640;transform:scale(1.02)}}.animate-pulse-soft{animation:pulse-soft 3s ease-in-out infinite}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.animate-slideInFromRight{animation:slideInFromRight .5s ease-out}body{background:#fafbfc!important;color:#1f2937!important}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--secondary-400:#c084fc;--secondary-500:#a855f7;--secondary-600:#9333ea;--accent-400:#f472b6;--accent-500:#ec4899;--accent-600:#db2777;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-quaternary:#9ca3af;--text-muted:#d1d5db;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.component-card,.dashboard-container,.metric-card,.sidebar{background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-primary)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-base)!important;color:#111827!important;color:var(--text-primary)!important}.nav-item,.nav-link{color:#374151!important;color:var(--text-secondary)!important}.nav-item:hover,.nav-link:hover{background:#f8fafc!important;background:var(--bg-secondary)!important;color:#2563eb!important;color:var(--primary-600)!important}.nav-item.active,.nav-link.active{background:#eff6ff!important;color:#2563eb!important;color:var(--primary-600)!important}.btn-primary{background:#3b82f6!important;background:var(--primary-500)!important;border-color:#3b82f6!important;border-color:var(--primary-500)!important;color:#fff!important}.btn-secondary{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e5e7eb!important;border-color:var(--border-primary)!important}.btn-secondary,input,select,textarea{color:#111827!important;color:var(--text-primary)!important}input,select,textarea{background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-primary)!important}input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #3b82f61a!important}.card{background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-primary)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-base)!important}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px);transition:all .2s ease}h1,h2,h3,h4,h5,h6{color:#111827!important;color:var(--text-primary)!important}div,p,span{color:#374151!important;color:var(--text-secondary)!important}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-quaternary)}.weather-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin:20px 0;padding:20px;transition:transform .3s ease}.weather-widget:hover{transform:translateY(-2px)}.weather-widget.loading{align-items:center;background:#f8fafc;color:#64748b;display:flex;gap:10px;justify-content:center}.weather-widget.offline{background:#f1f5f9;color:#475569;text-align:center}.weather-widget.offline button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.weather-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.weather-icon{font-size:2rem}.weather-info h3{font-size:1.2rem;font-weight:600;margin:0 0 5px}.weather-info p{font-size:.9rem;margin:0;opacity:.9}.spend-recommendation{background:#ffffff1a;border-radius:8px;margin-bottom:15px;padding:15px}.recommendation-header{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.recommendation-details{align-items:center;display:flex;justify-content:space-between}.adjustment{display:flex;flex-direction:column;gap:4px}.change{font-size:1.4rem;font-weight:700}.change.positive{color:#4ade80}.change.negative{color:#f87171}.reason{font-size:.85rem;opacity:.9}.confidence{text-align:right}.confidence-label{font-size:.8rem;opacity:.8}.confidence-value{display:block;font-size:1.1rem;font-weight:600}.weather-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.alert{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:10px}.alert.opportunity{border-left:3px solid #4ade80}.alert.warning{border-left:3px solid #fbbf24}.alert.critical{border-left:3px solid #f87171}.last-updated{font-size:.8rem;margin-top:10px;opacity:.7;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.offline-icon{font-size:3rem;margin-bottom:10px}