:root{--color-bg: #181c20;--color-bg-light: #f5f7fa;--color-surface: #23272f;--color-surface-light: #fff;--color-primary: #4f8cff;--color-accent: #00e6c3;--color-text: #e6e6e6;--color-text-light: #23272f;--color-border: #2c313a;--radius: 12px;--shadow: 0 2px 16px 0 rgba(0,0,0,.08);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);transition:background .3s,color .3s}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text);transition:background .3s,color .3s}[data-theme=light]{--color-bg: var(--color-bg-light);--color-surface: var(--color-surface-light);--color-text: var(--color-text-light);--color-border: #e0e0e0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}input,select,textarea{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5em .8em;font-size:1em;transition:background .3s,color .3s}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--color-surface-light);color:var(--color-text-light)}button{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:.6em 1.4em;font-size:1em;font-weight:600;box-shadow:var(--shadow);cursor:pointer;transition:background .2s,color .2s}button:hover{background:var(--color-accent);color:#23272f}.card,.surface{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5em 2em;margin-bottom:1.5em;border:1px solid var(--color-border);transition:background .3s,color .3s}[data-theme=light] .card,[data-theme=light] .surface{background:var(--color-surface-light);color:var(--color-text-light)}::-webkit-scrollbar{width:8px;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:8px}h1,h2,h3,h4{font-weight:700;color:var(--color-primary)}@media (max-width: 700px){.card,.surface{padding:1em .5em}}:root{--primary-color: #4f8cff;--primary-dark: #2a5db0;--primary-light: #a1c4fd;--secondary-color: #16c784;--secondary-dark: #0f9d58;--accent-color: #ea3943;--text-light: #ffffff;--text-dark: #232946;--bg-light: #f7fafd;--bg-dark: #181c24;--card-light: #ffffff;--card-dark: #232946;--sidebar-width: 240px;--header-height: 70px;--search-bar-height: 80px}.dashboard-container{min-height:100vh;width:100%;background-color:var(--bg-dark);color:var(--text-light);display:flex;flex-direction:column}.dashboard-main{display:flex;flex:1}.dashboard-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#232946,#1a1a2e);border-right:1px solid rgba(255,255,255,.1);height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);left:0;padding:20px 0;z-index:90;transition:transform .3s ease;display:flex;flex-direction:column}.sidebar-hidden .dashboard-sidebar{transform:translate(-100%)}.sidebar-logo{padding:10px 20px;margin-bottom:20px;display:flex;align-items:center}.sidebar-logo img{height:36px;margin-right:10px;border-radius:6px;background:#ffffff1a;padding:3px}.sidebar-logo h3{font-size:18px;margin:0;color:var(--text-light)}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav-item{padding:0;margin-bottom:5px}.sidebar-nav-link{display:flex;align-items:center;padding:12px 20px;color:var(--text-light);opacity:.8;text-decoration:none;transition:all .2s;font-weight:500;border-left:3px solid transparent}.sidebar-nav-link:hover{background:#ffffff1a;opacity:1}.sidebar-nav-link.active{background:#4f8cff26;border-left-color:var(--primary-color);opacity:1}.sidebar-nav-icon{margin-right:10px;font-size:18px}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.05);font-size:12px;opacity:.6}.dashboard-header{height:var(--header-height);background:linear-gradient(90deg,#232946,#1a1a2e);color:#fff;padding:0;border-bottom:2px solid rgba(79,140,255,.3);position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;box-shadow:0 4px 20px #0003}.header-container{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header-brand{display:flex;align-items:center}.header-brand img{height:42px;margin-right:15px;border-radius:8px;background:#ffffff1a;padding:3px}.header-brand h1{margin:0;font-size:24px;color:#fff;letter-spacing:1px;font-weight:700}.header-brand .subtitle{font-size:14px;color:#e0f7fa;font-weight:500}.header-actions{display:flex;gap:16px;align-items:center;flex:1;justify-content:center;padding-left:20px}.sidebar-toggle{background:transparent;border:none;color:var(--text-light);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;padding:0;width:40px;height:40px;border-radius:8px}.sidebar-toggle:hover{background:#ffffff1a}.theme-toggle{background:#00000026;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:background .3s}.theme-toggle:hover{background:#00000040}.dashboard-search-bar{background:#22263a;border-bottom:1px solid #232946;padding:15px 0;position:fixed;top:var(--header-height);left:0;right:0;z-index:80;height:var(--search-bar-height);display:flex;align-items:center}.sidebar-hidden .dashboard-search-bar{left:0}.search-bar-container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:20px;padding:0 20px}.search-box{--font-size: 16px;--frame-color: #4f8cff;--size: 2.5em;--open-width: 8em;--open-padding: .3em 2.1em .3em .4em;--frame-thickness: .2em;--handle-height: 1.2em;--open-trans-time: .6s;--close-trans-time: .15s;font-size:var(--font-size);border:solid var(--frame-thickness) var(--frame-color);display:inline-block;position:relative;border-radius:var(--size);background:#191f3c80;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-box input[type=text]{font-family:inherit;font-weight:600;color:#fff;width:var(--size);height:var(--size);padding:var(--open-padding);border:none;box-sizing:border-box;border-radius:var(--size);background:transparent;transition:width var(--open-trans-time) cubic-bezier(.68,-.55,.27,1.55) var(--close-trans-time)}.search-box input[type=text]::placeholder{color:transparent}.search-box input[type=text]:focus{outline:none}.search-box input[type=text]:focus,.search-box input[type=text]:not(:placeholder-shown){width:var(--open-width);transition:width var(--open-trans-time) cubic-bezier(.68,-.55,.27,1.55)}.search-box input[type=text]:focus+button[type=reset],.search-box input[type=text]:not(:placeholder-shown)+button[type=reset]{transform:rotate(-45deg) translateY(0);transition:transform var(--close-trans-time) ease-out var(--open-trans-time)}.search-box input[type=text]:focus+button[type=reset]:after,.search-box input[type=text]:not(:placeholder-shown)+button[type=reset]:after{opacity:1;transition:top var(--close-trans-time) ease-out calc(var(--open-trans-time) + var(--close-trans-time)),right var(--close-trans-time) ease-out calc(var(--open-trans-time) + var(--close-trans-time)),opacity var(--close-trans-time) ease calc(var(--open-trans-time) + var(--close-trans-time))}.search-box button[type=reset]{background-color:transparent;width:var(--handle-height);height:var(--handle-height);border:0;padding:0;outline:0;display:flex;justify-content:center;align-items:center;position:absolute;top:calc(var(--size) / 2 - var(--handle-height) / 2);right:calc(var(--size) / 2 - var(--handle-height) / 2);transform:rotate(-45deg) translateY(calc(var(--size) - var(--frame-thickness)));transition:transform var(--close-trans-time) ease-out var(--close-trans-time);cursor:pointer}.search-box button[type=reset]:before,.search-box button[type=reset]:after{content:"";background-color:var(--frame-color);width:var(--frame-thickness);height:var(--handle-height);position:absolute}.search-box button[type=reset]:after{transform:rotate(90deg);opacity:0;transition:transform var(--close-trans-time) ease-out,opacity var(--close-trans-time) ease-out}@keyframes rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.range-control{--range-color: #16c784;--range-secondary: #4f8cff;--frame-thickness: .2em;display:flex;align-items:center;background:#191f3c80;border-radius:24px;padding:8px 16px;border:2px solid var(--primary-color);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #00000026;width:280px;position:relative;overflow:hidden}.range-control:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(-45deg,var(--range-color),var(--range-secondary),var(--range-color));border-radius:24px;z-index:-1;opacity:0;transition:opacity .3s ease}.range-control:hover:before{opacity:.5;animation:rotate-reverse 4s linear infinite}.range-label{font-size:14px;color:#b3d1ff;font-weight:600;margin-right:8px;white-space:nowrap;text-shadow:0 0 5px rgba(0,0,0,.3);letter-spacing:.5px}.range-input{flex:1;margin:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #16c784cc;cursor:pointer;border:2px solid var(--range-color);transition:all .2s ease}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--range-secondary),var(--range-color));height:6px;border-radius:3px}.range-value{font-weight:700;font-size:14px;color:#fff;min-width:42px;background:linear-gradient(135deg,var(--range-secondary),var(--range-color));padding:4px 8px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #00000026;text-shadow:0 0 2px rgba(0,0,0,.3)}@keyframes rotate-reverse{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}.dashboard-content{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 20px) 20px 20px;width:calc(100% - var(--sidebar-width));min-height:100vh;transition:margin .3s,width .3s}.sidebar-hidden .dashboard-content{margin-left:0;width:100%}.dashboard-card{background:#232946;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 30px #0000001f;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.05)}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #4f8cff26}.card-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.card-title{margin:0;font-size:18px;font-weight:700;color:var(--primary-color);display:flex;align-items:center}.card-title i{margin-right:8px;font-size:20px}.card-actions{display:flex;gap:10px}.card-body{padding:20px 24px}.chart-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.control-item{position:relative;display:flex;align-items:center;background:#4f8cff1a;border-radius:12px;padding:10px 16px;border:1px solid rgba(79,140,255,.3);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.control-item:hover{border-color:var(--primary-color);background:#4f8cff26;box-shadow:0 4px 12px #4f8cff33}.control-checkbox{position:absolute;opacity:0;width:0;height:0}.control-checkbox+label{position:relative;cursor:pointer;padding-left:28px;-webkit-user-select:none;user-select:none}.control-checkbox+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:4px;background:#4f8cff1a;border:1px solid var(--primary-color);transition:all .2s ease;box-shadow:0 0 #4f8cff4d}.control-checkbox:hover+label:before{box-shadow:0 0 0 3px #4f8cff4d}.control-checkbox:checked+label:before{background:var(--primary-color);border-color:var(--primary-color)}.control-checkbox+label:after{content:"";position:absolute;left:5px;top:50%;width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:translateY(-65%) rotate(-45deg) scale(0);opacity:0;transition:all .2s ease}.control-checkbox:checked+label:after{transform:translateY(-65%) rotate(-45deg) scale(1);opacity:1}.control-label{font-weight:600;font-size:14px;color:var(--primary-color)}.forecast-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:10px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 1px 4px #0003 inset;outline:none;margin:0 10px}.forecast-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 6px #0000004d;cursor:pointer;border:2px solid var(--primary-color);transition:all .2s}.forecast-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--primary-light)}.forecast-value{font-weight:600;font-size:14px;min-width:48px;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:4px 8px;border-radius:12px;text-align:center;box-shadow:0 2px 6px #0003;position:relative;overflow:hidden}.forecast-value:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff3,#fff0 70%);opacity:0;transition:opacity .3s}.control-item:hover .forecast-value:after{opacity:1}.search-container{display:flex;align-items:center;background:#191f3c80;border:2px solid var(--primary-color);border-radius:24px;padding:0 15px;width:300px;height:42px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0 auto}.search-container i.bi-search{color:var(--primary-color);font-size:16px;margin-right:10px}.simple-search{background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-weight:600;width:100%;height:100%}.simple-search::placeholder{color:#fff9}.simple-search:focus{outline:none;background:transparent;color:#fff}.simple-search::selection{background:#4f8cff4d;color:#fff}.clear-button{background:transparent;border:none;color:var(--primary-color);cursor:pointer;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:#fff}.search-box{display:none}@media (max-width: 768px){.search-container{width:200px}.header-actions{flex-wrap:wrap;gap:10px}.profile-actions{right:5px}}@media (max-width: 576px){.search-container{width:160px}.header-brand .subtitle{display:none}.profile-actions{right:0}}@media (min-width: 992px){.search-container{width:350px}}@media (max-width: 992px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-content{margin-left:0;width:100%}.sidebar-visible .dashboard-sidebar{transform:translate(0)}}@media (max-width: 768px){.header-actions{gap:10px}.search-box{--font-size: 14px;--size: 2.2em;--open-width: 6em}.range-control{width:180px;padding:8px 12px}.range-label,.header-brand .subtitle{display:none}.dashboard-content{padding-top:calc(var(--header-height) + 20px)}}.chart-card{width:100%;background:#232946;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 30px #0000001f;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:fadeInRight .5s ease-out}.dashboard-content>div{animation:fadeInRight .5s ease-out}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--primary-color);font-size:16px;font-weight:500;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(79,140,255,.2);border-radius:50%;border-top:4px solid var(--primary-color);animation:spin 1s linear infinite}.dashboard-footer{background:#232946;color:#fff;text-align:center;padding:20px 0;margin-top:40px;border-top:2px solid #181c24}.footer-content{max-width:1200px;margin:0 auto;font-size:14px}.copyright{opacity:.8}.powered-by{margin-left:16px;color:#e0f7fa;font-size:12px}.profile-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.profile-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.profile-button:hover{background:#4f8cff1a;box-shadow:0 0 0 3px #4f8cff33}.profile-dropdown{position:relative;display:inline-block}.profile-dropdown-content{display:none;position:absolute;right:0;top:50px;background:#232946;border:1px solid rgba(255,255,255,.1);min-width:240px;box-shadow:0 8px 24px #0003;border-radius:12px;z-index:1000;overflow:hidden;animation:fadeInUp .3s ease}.profile-dropdown:hover .profile-dropdown-content{display:block}.profile-info{padding:16px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:#4f8cff0d}.profile-avatar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:20px;color:#fff}.profile-name{font-weight:600;font-size:15px;color:#fff;margin-bottom:2px}.profile-email{font-size:12px;color:#ffffffb3}.profile-menu{padding:8px 0}.profile-menu-item{display:flex;align-items:center;padding:10px 16px;color:#fff;text-decoration:none;font-size:14px;transition:background .2s}.profile-menu-item:hover{background:#ffffff0d}.profile-menu-item i{margin-right:10px;font-size:16px;color:var(--primary-color)}.profile-menu-item.logout{border-top:1px solid rgba(255,255,255,.05);margin-top:8px}.profile-menu-item.logout i{color:var(--accent-color)}@media (max-width: 768px){.profile-dropdown-content{right:0;min-width:220px}.profile-button{width:36px;height:36px;font-size:18px}}@media (max-width: 480px){.profile-dropdown-content{right:-30px}}.price-box{display:flex;align-items:stretch;margin-bottom:20px;background:#ffffff0d;border-radius:10px;padding:15px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(230,230,230,.2);transition:all .3s ease;position:relative;min-height:70px}.price-box:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.symbol-container{display:flex;align-items:center;padding-right:15px;margin-right:15px;border-right:1px solid rgba(200,200,200,.2)}.symbol{font-size:1.5rem;font-weight:600;margin:0;position:relative}.price-box.loading .symbol:after{content:"";display:inline-block;width:8px;height:8px;background-color:#1e88e5;border-radius:50%;margin-left:8px;animation:blink 1.5s infinite ease-in-out;vertical-align:middle}.price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:200px;flex-grow:1;position:relative}.price-value{font-size:2rem;font-weight:700;margin:0;line-height:1;color:#1e88e5;white-space:nowrap}.price-value.live{color:#0f9d58}.price-value.last-close{color:#1e88e5}.price-meta{display:flex;flex-direction:column;align-items:flex-end;margin-left:10px;min-width:100px;justify-content:center}.price-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:2px}.price-label.live{color:#0f9d58}.price-date{font-size:.75rem;color:#888;margin:0}.price-box.loading{position:relative;overflow:hidden;animation:pulse-border 2s infinite ease-in-out}.price-box.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a,#fff0);animation:shimmer 2s infinite;z-index:1}.price-skeleton{height:2.2rem;width:140px;background-color:#c8c8c826;border-radius:8px;overflow:hidden;position:relative;background-image:linear-gradient(90deg,#c8c8c81a,#c8c8c833,#c8c8c81a 50%);background-size:200% 100%;animation:gradient-slide 1.5s infinite ease-in-out}.skeleton{background-color:#c8c8c826;border-radius:4px;overflow:hidden;position:relative;height:1em}.price-label.skeleton{width:90px;height:.85rem;margin-bottom:4px;display:block}.price-date.skeleton{width:120px;height:.75rem;display:block}.pulse-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:pulse 1.8s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-border{0%{border-color:#e6e6e633}50%{border-color:#1e88e54d}to{border-color:#e6e6e633}}.price-box.error{border-color:#ef53504d}.error-message{display:flex;align-items:center;color:#ef5350;font-size:.9rem}.error-message i{margin-right:8px;font-size:1.1rem}.price-box.empty{display:flex;align-items:center;justify-content:center;min-height:100px;background:#f5f5f50d;border:1px dashed rgba(200,200,200,.3);box-shadow:none}.price-box.empty:hover{transform:none;box-shadow:none}.empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e9e9e;text-align:center;padding:20px}.empty-message i{font-size:1.5rem;margin-bottom:8px;opacity:.7}.empty-message span{font-size:.9rem}@media (max-width: 576px){.price-box{flex-direction:column}.symbol-container{border-right:none;border-bottom:1px solid rgba(200,200,200,.2);margin-right:0;padding-right:0;padding-bottom:10px;margin-bottom:10px}.price-container{flex-direction:row;justify-content:space-between;width:100%}.price-value{font-size:1.75rem}.price-meta{align-items:flex-end;text-align:right}}.price-container{min-width:200px;flex-grow:1}.price-value{white-space:nowrap}.price-meta{min-width:100px;justify-content:center}.price-box.loading .price-container:before,.price-box:not(.error) .price-container:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:30px;background:#c8c8c833;transform:translateY(-50%);opacity:0}@media (min-width: 768px){.price-meta{margin-left:40px}}.price-box{position:relative;min-height:70px}.chart-controls-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(35,39,79,.95) 100%);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}[data-theme=light] .chart-controls-main{background:linear-gradient(135deg,var(--color-surface-light) 0%,rgba(247,250,253,.95) 100%)}.time-presets{display:flex;gap:8px;align-items:center}.preset-btn{padding:8px 16px;background:#4f8cff1a;border:2px solid transparent;border-radius:8px;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;min-width:48px;text-align:center}.preset-btn:hover{background:#4f8cff33;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #4f8cff4d}.preset-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 16px #4f8cff66}.quick-indicators{display:flex;gap:12px;align-items:center}.indicator-btn{padding:8px 12px;background:#00e6c31a;border:2px solid transparent;border-radius:6px;color:var(--color-accent);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.indicator-btn:hover{background:#00e6c333;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #00e6c34d}.indicator-btn.active{background:var(--color-accent);color:var(--color-text-dark);border-color:var(--color-accent);box-shadow:0 4px 16px #00e6c366}.chart-settings-sidebar{position:fixed;top:0;right:0;width:350px;height:100vh;background:linear-gradient(180deg,var(--color-surface) 0%,rgba(35,39,79,.98) 100%);border-left:1px solid var(--color-border);box-shadow:-8px 0 32px #0000004d;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.chart-settings-sidebar.open{transform:translate(0)}[data-theme=light] .chart-settings-sidebar{background:linear-gradient(180deg,var(--color-surface-light) 0%,rgba(247,250,253,.98) 100%);box-shadow:-8px 0 32px #0000001a}.setting-item{margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.checkbox-control{display:flex;align-items:center;gap:12px;padding:8px 0}.checkbox-control input[type=checkbox]{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:transparent;cursor:pointer;position:relative;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.checkbox-control input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-control label{margin:0;cursor:pointer;font-size:13px;color:var(--color-text);transition:color .3s ease}.range-control{display:flex;flex-direction:column;gap:8px;width:100%}.range-slider{width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.range-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all .3s ease;border:none}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:all .3s ease}.range-slider::-moz-range-thumb:hover{transform:scale(1.1)}.range-value{align-self:flex-start;min-width:auto;font-size:11px;font-weight:400;color:var(--color-text);text-align:left;background:transparent;padding:0;border:none;margin:0;white-space:nowrap;overflow:visible}.preset-large{padding:14px 12px;background:#4f8cff1a;border:1px solid rgba(79,140,255,.3);border-radius:6px;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;text-align:center;white-space:nowrap}.preset-large:hover{background:#4f8cff33;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 3px 10px #4f8cff33}.preset-large.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 3px 12px #4f8cff66}.preset-grid.forecast{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:12px}.preset-large.forecast{background:#00e6c31a;border:1px solid rgba(0,230,195,.3);color:var(--color-accent);padding:14px 12px;font-size:12px;letter-spacing:.3px;border-radius:6px}@media (max-width: 1024px){.chart-controls-main{flex-direction:column;gap:16px;padding:16px}.time-presets,.quick-indicators{width:100%;justify-content:center}.chart-settings-sidebar{width:100vw}.preset-grid,.preset-grid.forecast{gap:6px;margin-top:10px}.preset-large,.preset-large.forecast{padding:12px 10px;font-size:11px}}@media (max-width: 768px){.chart-controls-main{padding:12px;gap:12px}.preset-btn,.indicator-btn{padding:6px 10px;font-size:10px;min-width:40px}.settings-btn{padding:8px 12px;font-size:12px}.chart-settings-sidebar{width:100vw}.settings-content{padding:16px}.preset-grid,.preset-grid.forecast{gap:4px;margin-top:8px}.preset-large,.preset-large.forecast{padding:10px 8px;font-size:10px}}.preset-btn:focus,.indicator-btn:focus,.settings-btn:focus,.close-btn:focus,.checkbox-control input:focus,.range-slider:focus,.preset-large:focus{outline:2px solid var(--color-primary);outline-offset:2px}.lightweight-chart-container{position:relative;border-radius:8px;box-shadow:0 2px 10px #00000026;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:20px;width:100%;box-sizing:border-box;min-width:300px;min-height:350px;transition:box-shadow .3s ease,transform .2s ease}.lightweight-chart-container:hover{box-shadow:0 4px 20px #0003;transform:translateY(-1px)}.lightweight-chart-container.dark-mode{background-color:#131722;color:#d1d4dc}.lightweight-chart-container.light-mode{background-color:#fff;color:#131722}.lightweight-chart{width:100%;height:400px;min-height:400px;position:relative;transition:height .2s ease,width .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;contain:layout;box-sizing:border-box}.lightweight-chart.with-indicators{height:500px;min-height:500px}@media (max-width: 1200px){.lightweight-chart{height:380px;min-height:380px}.lightweight-chart.with-indicators{height:480px;min-height:480px}}@media (max-width: 768px){.lightweight-chart{height:350px;min-height:350px}.lightweight-chart.with-indicators{height:450px;min-height:450px}}@media (max-width: 480px){.lightweight-chart{height:320px;min-height:320px}.lightweight-chart.with-indicators{height:420px;min-height:420px}}@media (min-width: 1920px){.lightweight-chart{height:450px;min-height:450px}.lightweight-chart.with-indicators{height:550px;min-height:550px}}.chart-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#2962ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.dark-mode .spinner{border-color:#ffffff1a;border-left-color:#2962ff}@keyframes spin{to{transform:rotate(360deg)}}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#ef5350}.chart-error button{margin-top:15px;padding:8px 16px;background-color:#2962ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;padding:40px;text-align:center;color:#9b9b9b;background-color:#00000005;border-radius:8px}.dark-mode .chart-empty{background-color:#ffffff0d;color:#6b7280}.chart-tooltip{position:absolute;z-index:1000;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.chart-animating{position:relative}.chart-animating:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(45deg,#ff9800,#f57c00);border-radius:50%;animation:forecastPulse 1.5s ease-in-out infinite;z-index:10}@keyframes forecastPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}}.forecast-loading{position:absolute;top:20px;right:20px;background:#ff98001a;color:#ff9800;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:15;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.lightweight-chart:hover{cursor:crosshair}.price-up{animation:priceUpFlash .8s ease-out}.price-down{animation:priceDownFlash .8s ease-out}@keyframes priceUpFlash{0%{background-color:#26a69a33}to{background-color:transparent}}@keyframes priceDownFlash{0%{background-color:#ef535033}to{background-color:transparent}}.chart-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.selection-line{position:absolute;background-color:#2962ff1a;border-left:1px dashed rgba(41,98,255,.5);border-right:1px dashed rgba(41,98,255,.5);pointer-events:none}.chart-instructions{position:absolute;bottom:10px;right:10px;z-index:5}.hint-message{background-color:#2962ff1a;color:#2962ff;padding:6px 12px;border-radius:4px;font-size:12px;display:flex;align-items:center;box-shadow:0 1px 3px #0000001a}.dark-mode .hint-message{background-color:#2962ff33}.hint-icon{margin-right:6px}.chart-legend{position:absolute;top:10px;left:10px;background-color:#ffffffe6;padding:8px;border-radius:4px;font-size:12px;z-index:10;box-shadow:0 1px 3px #0000001a}.dark-mode .chart-legend{background-color:#131722e6}.legend-item{display:flex;align-items:center;margin:4px 0}.legend-color{width:10px;height:10px;margin-right:6px;border-radius:50%}@media (max-width: 768px){.lightweight-chart{height:300px}.chart-instructions{bottom:5px;right:5px}.hint-message{padding:4px 8px;font-size:10px}}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{position:relative;width:320px;max-width:calc(100vw - 40px);background-color:#2d2d2d;color:#fff;box-shadow:0 4px 12px #00000026;border-radius:6px;overflow:hidden;transform:translate(120%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;z-index:1000}.toast-visible{transform:translate(0);opacity:1}.toast-content{display:flex;align-items:center;padding:12px 16px}.toast-icon{margin-right:12px;font-size:1.2em}.toast-message{flex-grow:1;font-size:.9rem}.toast-close{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;margin-left:8px}.toast-close:hover{color:#fff}.toast-progress{height:4px;background-color:#ffffff1a;width:100%}.toast-progress-bar{height:100%;width:100%;background-color:#ffffff4d;transform-origin:left;animation:toast-progress 3s linear forwards}.toast-error{background-color:#dc3545}.toast-success{background-color:#28a745}.toast-warning{background-color:#ffc107;color:#212529}.toast-info{background-color:#17a2b8}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.forecast-metrics-card{position:relative;overflow:hidden;transition:all .3s ease;border-radius:16px!important}.forecast-metrics-card .badge{display:inline-block;background:#fff3;color:#4ea1f7;border-radius:8px;font-size:12px;font-weight:700;padding:2px 10px;margin-left:8px;letter-spacing:.5px}.forecast-metrics-card .glow{box-shadow:0 0 16px 2px #4ea1f7cc,0 0 2px #ffffff80}.forecast-metrics-card .metrics-row,.forecast-metrics-card .scenarios-row{display:flex;gap:36px;margin-bottom:28px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.forecast-metrics-card .scenario-card{background:#ffffff1a;border-radius:12px;padding:16px;flex:1;min-width:200px;transition:transform .22s,box-shadow .22s,background .22s;border:1px solid rgba(255,255,255,.1)}.forecast-metrics-card .scenario-card:hover{transform:translateY(-6px) scale(1.045);box-shadow:0 8px 32px #0000002e;background:#ffffff26}.forecast-card-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234ea1f7' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.forecast-metrics-card.dark{background:linear-gradient(120deg,#232946d9,#1a1a2ed9);color:#fff;box-shadow:0 8px 32px #10204040,0 1.5px 8px #4ea1f71a;border:1.5px solid #232946;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forecast-metrics-card.light{background:linear-gradient(120deg,#f7fafdd9,#e3f0ffd9);color:#232946;box-shadow:0 8px 32px #5078c821,0 1.5px 8px #2980b91a;border:1.5px solid #b3d1ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 700px){.forecast-metrics-card .metrics-row,.forecast-metrics-card .scenarios-row{flex-direction:column;gap:18px!important}}.forecast-section-header{display:flex;align-items:center;position:relative;margin-bottom:0}.forecast-section-title{display:flex;align-items:center;font-size:1.5rem;font-weight:700;margin:0}.forecast-section-title i{margin-right:10px;color:#4f8cff;font-size:1.2rem}.forecast-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#4f8cff,#2a5db0);color:#fff;border-radius:20px;padding:4px 12px;margin-left:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #4f8cff4d;animation:pulse 2s infinite}.forecast-badge i{margin-right:5px;font-size:.875rem}.forecast-section-subtitle{margin-top:5px;margin-bottom:15px;color:#6b7280;font-size:.95rem;font-weight:400}.forecast-glow-effect{position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#4f8cff33,#4f8cff00 70%);z-index:0;pointer-events:none}@keyframes pulse{0%{box-shadow:0 0 #4f8cff80}70%{box-shadow:0 0 0 6px #4f8cff00}to{box-shadow:0 0 #4f8cff00}}[data-theme=dark] .forecast-section-subtitle{color:#a1a1aa}@media (max-width: 768px){.forecast-section-title{font-size:1.25rem}.forecast-badge{font-size:.7rem;padding:3px 10px}}.multi-model-forecast-card{background:var(--card-bg, #181a20);color:var(--text-color, #fff);border-radius:22px;box-shadow:0 8px 32px #5078c821,0 1.5px 8px #2980b91a;padding:36px;min-width:0;min-height:200px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--card-border, #b3d1ff);position:relative;overflow:hidden;animation:fadeSlideIn .8s cubic-bezier(.4,1.4,.6,1);margin-bottom:1.5rem}.multi-model-forecast-card.dark{--card-bg: linear-gradient(120deg, rgba(35,41,70,.85) 0%, rgba(26,26,46,.85) 100%);--text-color: #fff;--card-border: #232946}.multi-model-forecast-card.light{--card-bg: linear-gradient(120deg, rgba(247,250,253,.85) 0%, rgba(227,240,255,.85) 100%);--text-color: #232946;--card-border: #b3d1ff}.hidden-when-no-symbol{display:none!important}.multimodel-controls-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(35,39,79,.95) 100%);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;flex-wrap:wrap}[data-theme=light] .multimodel-controls-main{background:linear-gradient(135deg,var(--color-surface-light) 0%,rgba(247,250,253,.95) 100%)}.control-label{font-size:12px;font-weight:600;color:var(--color-text);opacity:.8;margin-right:8px}.forecast-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.preset-btn{padding:8px 16px;background:#00e6c31a;border:2px solid transparent;border-radius:8px;color:var(--color-accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;min-width:48px;text-align:center}.preset-btn:hover{background:#00e6c333;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #00e6c34d}.preset-btn.active{background:var(--color-accent);color:var(--color-text-dark);border-color:var(--color-accent);box-shadow:0 4px 16px #00e6c366}.weight-config-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.weight-config-select{padding:8px 12px;background:#4f8cff1a;border:2px solid rgba(79,140,255,.3);border-radius:8px;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.weight-config-select:hover{background:#4f8cff33;border-color:var(--color-primary)}.weight-config-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00e6c31a;border:2px solid var(--color-border);border-radius:8px;color:var(--color-accent);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:#00e6c333;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #00e6c333}.refresh-btn i{font-size:14px;transition:transform .3s ease}.refresh-btn:hover i{transform:rotate(180deg)}.settings-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-btn:hover{background:#ffffff1a;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #4f8cff33}.settings-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 16px #4f8cff66}.settings-btn i{font-size:14px;transition:transform .3s ease}.settings-btn.active i{transform:rotate(90deg)}.multimodel-settings-sidebar{position:fixed;top:0;right:0;width:380px;height:100vh;background:linear-gradient(180deg,var(--color-surface) 0%,rgba(35,39,79,.98) 100%);border-left:1px solid var(--color-border);box-shadow:-8px 0 32px #0000004d;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.multimodel-settings-sidebar.open{transform:translate(0)}[data-theme=light] .multimodel-settings-sidebar{background:linear-gradient(180deg,var(--color-surface-light) 0%,rgba(247,250,253,.98) 100%);box-shadow:-8px 0 32px #0000001a}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border);background:#4f8cff0d}.settings-header h3{margin:0;font-size:18px;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:8px}.settings-header h3:before{content:"";width:4px;height:20px;background:var(--color-primary);border-radius:2px}.close-btn{width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--color-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:var(--color-primary);transform:scale(1.1)}.settings-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;max-width:100%;box-sizing:border-box}.settings-group{background:transparent;border:none;border-radius:0;transition:none;width:100%;max-width:100%;box-sizing:border-box}.settings-group:hover{background:transparent;border:none;box-shadow:none}[data-theme=light] .settings-group,[data-theme=light] .settings-group:hover{background:transparent}.settings-group h4{margin:0 0 24px;font-size:14px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.settings-group h4:before{content:"";width:3px;height:12px;background:var(--color-accent);border-radius:2px}.setting-item{margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:16px;font-size:13px;font-weight:500;color:var(--color-text);opacity:.9;word-wrap:break-word}.model-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.model-actions{display:flex;gap:8px}.action-btn{padding:4px 8px;background:#4f8cff1a;border:1px solid rgba(79,140,255,.3);border-radius:4px;color:var(--color-primary);font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.action-btn:hover{background:#4f8cff33;border-color:var(--color-primary)}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.model-item{background:#ffffff05;border:1px solid var(--color-border);border-radius:6px;padding:8px;transition:all .3s ease}.model-item:hover{background:#ffffff0d;border-color:var(--color-primary)}.checkbox-control{display:flex;align-items:center;gap:8px;padding:4px 0}.checkbox-control input[type=checkbox]{width:16px;height:16px;border:2px solid var(--color-border);border-radius:4px;background:transparent;cursor:pointer;position:relative;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.checkbox-control input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #4f8cff4d}.checkbox-control input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.checkbox-control input[type=checkbox]:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8cff1a}.checkbox-control label{margin:0;cursor:pointer;font-size:11px;color:var(--color-text);transition:color .3s ease;font-weight:500}.checkbox-control label:hover{color:var(--color-primary)}.weight-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.weight-config-btn{padding:12px 10px;background:#4f8cff1a;border:1px solid rgba(79,140,255,.3);border-radius:6px;color:var(--color-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weight-config-btn:hover{background:#4f8cff33;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 3px 10px #4f8cff33}.weight-config-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 3px 12px #4f8cff66}.weight-description{margin-top:12px;padding:8px 12px;background:#ffffff05;border-radius:6px;border-left:3px solid var(--color-accent)}.weight-description small{color:var(--color-text);opacity:.8;font-size:11px;line-height:1.4}.preset-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:12px;width:100%}.preset-large{padding:14px 12px;background:#00e6c31a;border:1px solid rgba(0,230,195,.3);border-radius:6px;color:var(--color-accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;text-align:center;white-space:nowrap}.preset-large:hover{background:#00e6c333;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 3px 10px #00e6c333}.preset-large.active{background:var(--color-accent);color:var(--color-text-dark);border-color:var(--color-accent);box-shadow:0 3px 12px #00e6c366}.preset-large.forecast{background:#00e6c31a;border:1px solid rgba(0,230,195,.3);color:var(--color-accent)}.preset-large.forecast:hover{background:#00e6c333;border-color:var(--color-accent);box-shadow:0 3px 10px #00e6c333}.preset-large.forecast.active{background:var(--color-accent);color:var(--color-text-dark);border-color:var(--color-accent);box-shadow:0 3px 12px #00e6c366}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1024px){.multimodel-controls-main{flex-direction:column;gap:16px;padding:16px}.forecast-presets,.weight-config-quick{width:100%;justify-content:center}.multimodel-settings-sidebar{width:100vw}.preset-grid{gap:6px;margin-top:10px}.preset-large{padding:12px 10px;font-size:11px}.model-grid{grid-template-columns:1fr;gap:8px}.weight-config-grid{grid-template-columns:1fr;gap:6px}}@media (max-width: 768px){.multimodel-controls-main{padding:12px;gap:12px}.preset-btn{padding:6px 10px;font-size:10px;min-width:40px}.settings-btn,.refresh-btn{padding:8px 12px;font-size:12px}.multimodel-settings-sidebar{width:100vw}.settings-content{padding:16px}.preset-grid{gap:4px;margin-top:8px}.preset-large{padding:10px 8px;font-size:10px}.weight-config-select{min-width:120px;font-size:11px}}.preset-btn:focus,.refresh-btn:focus,.settings-btn:focus,.close-btn:focus,.checkbox-control input:focus,.weight-config-btn:focus,.preset-large:focus,.action-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.technical-summary-card{background:var(--card-bg, #181a20);color:var(--text-color, #fff);border-radius:22px;box-shadow:0 8px 32px #5078c821,0 1.5px 8px #2980b91a;padding:36px;min-width:0;min-height:200px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--card-border, #b3d1ff);position:relative;overflow:hidden;animation:fadeSlideIn .8s cubic-bezier(.4,1.4,.6,1);margin-bottom:1.5rem;transition:box-shadow .3s,border .3s,background .3s}.technical-summary-card.dark{--card-bg: linear-gradient(120deg, rgba(35,41,70,.85) 0%, rgba(26,26,46,.85) 100%);--text-color: #fff;--card-border: #232946}.technical-summary-card.light{--card-bg: linear-gradient(120deg, rgba(247,250,253,.85) 0%, rgba(227,240,255,.85) 100%);--text-color: #232946;--card-border: #b3d1ff}.technical-summary-card:hover{box-shadow:0 12px 40px #5078c82e,0 2px 12px #2980b921;border:2px solid var(--card-border, #b3d1ff)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.news-sentiment-card,.forecast-metrics-card{background:var(--card-bg, #181a20);color:var(--text-color, #fff);border-radius:22px;box-shadow:0 8px 32px #5078c821,0 1.5px 8px #2980b91a;padding:36px;min-width:0;min-height:200px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--card-border, #b3d1ff);position:relative;overflow:hidden;animation:fadeSlideIn .8s cubic-bezier(.4,1.4,.6,1)}.news-sentiment-card.dark,.forecast-metrics-card.dark{--card-bg: linear-gradient(120deg, rgba(35,41,70,.85) 0%, rgba(26,26,46,.85) 100%);--text-color: #fff;--card-border: #232946}.news-sentiment-card.light,.forecast-metrics-card.light{--card-bg: linear-gradient(120deg, rgba(247,250,253,.85) 0%, rgba(227,240,255,.85) 100%);--text-color: #232946;--card-border: #b3d1ff}.news-sentiment-card h3,.forecast-metrics-card h3{font-size:26px;font-weight:800;margin-bottom:22px;letter-spacing:1px;color:var(--headline-color, #4ea1f7);text-shadow:0 2px 8px #0006}.badge{display:inline-block;background:#fff3;color:#4ea1f7;border-radius:8px;font-size:12px;font-weight:700;padding:2px 10px;margin-left:8px;letter-spacing:.5px;box-shadow:0 0 16px 2px #4ea1f7cc,0 0 2px #fff8}.glow{box-shadow:0 0 16px 2px #4ea1f7cc,0 0 2px #fff8}.news-list{display:flex;flex-direction:column;gap:1.1rem;z-index:1}.news-item{background:var(--news-item-bg, #232946cc);border-radius:16px;padding:1.2rem 1.4rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;margin-bottom:1.2rem;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#16c784,#4ea1f7,#ea3943);opacity:0;transition:opacity .3s ease}.news-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ea1f726;background:#ffffff0d}.news-item:hover:before{opacity:1}.news-title-row{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.6rem}.news-sentiment-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.news-title{color:var(--link-color, #4ea1f7);font-weight:600;text-decoration:none;font-size:1.05rem;flex:1;transition:all .2s ease;line-height:1.4}.news-title:hover{color:#1e88e5;text-decoration:none;text-shadow:0 2px 4px rgba(30,136,229,.3)}.news-desc{font-size:.95rem;color:var(--desc-color, #b0b8c1);margin-bottom:.8rem;line-height:1.5;opacity:.9}.news-sentiment-label{font-size:.9rem;font-weight:600;margin-top:.2rem;padding:4px 10px;border-radius:12px;background:#ffffff0d;display:inline-block;border:1px solid rgba(255,255,255,.1)}.news-loading,.news-error{color:#ea3943;margin-bottom:1rem}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.news-sentiment-card,.forecast-metrics-card{padding:1rem .5rem}.news-list{gap:.7rem!important}}.news-section-header{display:flex;align-items:center;position:relative;margin-bottom:0}.news-section-title{display:flex;align-items:center;font-size:1.5rem;font-weight:700;margin:0}.news-section-title i{margin-right:10px;color:#16c784;font-size:1.2rem}.news-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#16c784,#0f9d58);color:#fff;border-radius:20px;padding:4px 12px;margin-left:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #16c7844d;animation:newsGlow 3s ease-in-out infinite alternate}.news-badge i{margin-right:5px;font-size:.875rem}.news-glow-effect{position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#16c78426,#16c78400 70%);z-index:0;pointer-events:none}@keyframes newsGlow{0%{box-shadow:0 0 #16c78466}50%{box-shadow:0 0 0 8px #16c78400}to{box-shadow:0 0 #16c78400}}[data-theme=dark] .news-section-title i{color:#16c784}@media (max-width: 768px){.news-section-title{font-size:1.25rem}.news-badge{font-size:.7rem;padding:3px 10px}}.home-page{--primary-color: #4f8cff;--primary-dark: #2a5db0;--primary-light: #a1c4fd;--secondary-color: #16c784;--secondary-dark: #0f9d58;--accent-color: #ea3943;--text-light: #ffffff;--text-dark: #232946;--bg-light: #f7fafd;--bg-dark: #181c24;--card-light: #ffffff;--card-dark: #232946;min-height:100vh;width:100%}.home-page.dark{color:var(--text-light);background-color:var(--bg-dark)}.home-page.light{color:var(--text-dark);background-color:var(--bg-light)}.row{display:flex;margin-bottom:30px}.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-9{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width: 992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-9{flex:0 0 75%;max-width:75%}.order-lg-1{order:1}.order-lg-2{order:2}}@media (min-width: 768px){.col-md-6{flex:0 0 50%;max-width:50%}}.align-items-center{align-items:center!important}section{padding:70px 0;position:relative}h2,h3,h6{margin-top:0;font-weight:700}h2{font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2}h3{font-size:2rem;margin-bottom:1rem}h6{font-size:1.2rem;margin-bottom:.75rem}p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.subtitle{color:var(--primary-color);font-size:1.1rem;font-weight:600;display:inline-block;margin-bottom:.5rem}.section-title{margin-bottom:2.5rem}.section-title h3{margin-top:.5rem}.section-title .section-description{font-size:1.1rem;margin-bottom:20px;max-width:700px;margin-left:auto;margin-right:auto;opacity:.85}.hero-area{padding:170px 0 100px;position:relative;overflow:hidden}.home-page.dark .hero-area{background:linear-gradient(90deg,#232946,#1a1a2e);box-shadow:0 4px 20px #00000026}.home-page.light .hero-area{background:linear-gradient(90deg,#4f8cff,#a1c4fd);box-shadow:0 4px 20px #4f8cff26}.hero-backdrop{position:absolute;bottom:-50px;right:0;width:100%;height:100%;background-image:url(/images/hero-backdrop.png);background-repeat:no-repeat;background-position:right bottom;background-size:contain;opacity:.1;z-index:0}.hero-main{position:relative;z-index:1}.hero-left{padding-right:20px}.hero-badge{display:inline-block;background:#fff3;border-radius:50px;padding:8px 16px;font-weight:600;font-size:.9rem;color:var(--text-light);margin-bottom:1.5rem}.hero-left h2{color:var(--text-light)}.hero-left h2 span{color:var(--secondary-color);font-weight:800;position:relative;display:inline-block}.hero-left h2 span:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--secondary-color);border-radius:10px}.hero-left p{color:var(--text-light);opacity:.9;max-width:600px}.hero-left a{color:var(--text-light);font-weight:600}.hero-right{display:flex;justify-content:flex-end;align-items:center;padding:15px;overflow:visible}.hero-image{max-width:110%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000004d;transition:all .5s cubic-bezier(.165,.84,.44,1);display:block;margin-left:auto;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);border:1px solid rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.hero-image:hover{transform:perspective(1200px) rotateY(0) rotateX(0) scale(1.02);box-shadow:0 15px 40px #4f8cff66;border-color:#4f8cff4d}@keyframes float{0%{transform:perspective(1200px) rotateY(-5deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-2deg) rotateX(2deg) translateY(-10px)}to{transform:perspective(1200px) rotateY(-5deg) rotateX(3deg) translateY(0)}}@media (max-width: 991px){.hero-image{max-width:85%;margin:0 auto 30px}}.dashboard-preview{width:100%;max-width:500px;border-radius:10px;box-shadow:0 10px 30px #00000040;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.cta-buttons{display:flex;gap:15px;margin-top:2rem;flex-wrap:wrap}.cta-primary{display:inline-block;padding:12px 28px;background-color:var(--secondary-color);color:#fff!important;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;text-align:center}.cta-primary:hover{background-color:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 4px 12px #16c7844d}.cta-secondary{display:inline-block;padding:12px 28px;background-color:#ffffff26;border:1px solid white;color:#fff!important;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;text-align:center}.cta-secondary:hover{background-color:#ffffff40;transform:translateY(-3px);box-shadow:0 4px 12px #fff3}.integrations-area{padding:50px 0}.home-page.dark .integrations-area{background-color:#22263a}.home-page.light .integrations-area{background-color:#e3f0ff}.integrations-area h6{opacity:.8}.integrations-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 40px;margin-top:30px;padding:10px 0}.logo-item{display:flex;justify-content:center;align-items:center;height:45px;padding:0 15px}.logo-item img{max-height:100%;max-width:120px;object-fit:contain;filter:grayscale(100%) opacity(.7);transition:all .3s ease;background-color:transparent}.logo-item:hover img{filter:grayscale(0%) opacity(1)}.home-page.dark .logo-item img{filter:grayscale(100%) brightness(1.75) opacity(.7)}.home-page.dark .logo-item:hover img{filter:grayscale(0%) brightness(1.75) opacity(1)}.finance-logo{filter:grayscale(100%) opacity(.7);transition:all .3s ease}.logo-item:hover .finance-logo{filter:grayscale(0%) opacity(1)}.home-page.dark .finance-logo{fill:#fff;opacity:.7}.home-page.light .finance-logo{fill:#333;opacity:.7}.logo-item:hover .finance-logo{opacity:1}.view-more{display:inline-block;padding:8px 16px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.home-page.dark .view-more{background-color:#4f8cff1a;color:var(--primary-light);border:1px solid var(--primary-light)}.home-page.light .view-more{background-color:#4f8cff1a;color:var(--primary-color);border:1px solid var(--primary-color)}.testimonial-area{position:relative;overflow:hidden}.home-page.dark .testimonial-area{background:linear-gradient(120deg,#232946cc,#1a1a2ecc)}.home-page.light .testimonial-area{background:linear-gradient(120deg,#f7fafdcc,#e3f0ffcc)}.testimonial-card{display:flex;flex-direction:column;align-items:center;gap:25px;max-width:800px;margin:0 auto 30px;padding:30px;border-radius:15px;box-shadow:0 8px 30px #0000001a}@media (min-width: 768px){.testimonial-card{flex-direction:row}}.home-page.dark .testimonial-card{background-color:#232946b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid #232946}.home-page.light .testimonial-card{background-color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid #e3f0ff}.testimonial-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);box-shadow:0 5px 15px #4f8cff4d}.testimonial-content{flex:1}.stars{color:#fbc02d;margin-bottom:15px}.stars i{margin-right:2px}.testimonial-text{font-size:1.1rem;line-height:1.6;margin-bottom:15px;font-style:italic}.testimonial-name{font-size:1.2rem;font-weight:700;margin-bottom:5px;color:var(--primary-color)}.home-page.dark .testimonial-name{color:var(--primary-light)}.testimonial-title{opacity:.7}.testimonial-avatars{display:flex;justify-content:center;gap:15px}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .3s ease;border:2px solid transparent;opacity:.7}.avatar:hover{transform:scale(1.1);opacity:1}.avatar.active-avatar{border-color:var(--primary-color);opacity:1;transform:scale(1.1)}.user-categories-area{padding:80px 0}.home-page.dark .user-categories-area{background-color:var(--bg-dark)}.home-page.light .user-categories-area{background-color:var(--bg-light)}.category-card{display:flex;align-items:flex-start;padding:15px;margin-bottom:30px;border-radius:16px;transition:all .3s ease;height:calc(100% - 30px)}.home-page.dark .category-card{background-color:var(--card-dark);box-shadow:0 8px 30px #0000001a}.home-page.light .category-card{background-color:var(--card-light);box-shadow:0 8px 30px #4f8cff1a}.category-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #4f8cff26}.category-icon{flex:0 0 56px;height:56px;margin-right:18px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .3s ease}.home-page.dark .category-icon,.home-page.light .category-icon{background-color:#4f8cff1a}.category-card:hover .category-icon{background-color:#16c7841a;transform:scale(1.1)}.category-icon img{width:30px;height:30px}.category-icon i.bi{font-size:28px;color:var(--primary-color);transition:all .3s ease}.category-card:hover .category-icon i.bi{color:var(--secondary-color)}.category-content h6{margin-bottom:10px;font-size:1.25rem}.home-page.dark .category-content h6{color:var(--primary-light)}.home-page.light .category-content h6{color:var(--primary-color)}.category-content p{opacity:.8;margin-bottom:0;font-size:.95rem;line-height:1.5}.single-row-cards{display:flex;flex-wrap:wrap;justify-content:center}.single-row-cards .category-card{margin-left:8px;margin-right:8px}.benefits-area{padding:80px 0;position:relative;overflow:hidden}.home-page.dark .benefits-area{background:linear-gradient(120deg,#1a1a2ee6,#232946e6)}.home-page.light .benefits-area{background:linear-gradient(120deg,#e3f0ffe6,#f7fafde6)}.benefits-content{padding-right:30px}.benefits-content h3,.benefits-list{margin-bottom:30px}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding-left:30px;margin-bottom:15px;font-weight:500}.check-list li:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:var(--secondary-color)}.benefits-area .hero-right{display:flex;justify-content:flex-end;align-items:center;padding:15px;overflow:visible}.benefits-area .hero-image{max-width:110%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000004d;transition:all .5s cubic-bezier(.165,.84,.44,1);display:block;margin-left:auto;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);border:1px solid rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.benefits-area .hero-image:hover{transform:perspective(1200px) rotateY(0) rotateX(0) scale(1.02);box-shadow:0 15px 40px #4f8cff66;border-color:#4f8cff4d}@media (max-width: 991px){.benefits-area .hero-image{max-width:85%;margin:0 auto 30px}}.features-area{padding:80px 0}.home-page.dark .features-area{background-color:var(--bg-dark)}.home-page.light .features-area{background-color:var(--bg-light)}.features-content{padding-left:30px}.features-content h3{margin-bottom:30px}.icon-list{list-style:none;padding:0;margin:0}.icon-list li{display:flex;margin-bottom:25px}.icon{flex:0 0 50px;height:50px;background-color:#4f8cff1a;border-radius:10px;margin-right:20px;display:flex;align-items:center;justify-content:center}.icon img{width:25px;height:25px}.content h6{margin-bottom:5px;color:var(--primary-color)}.content p{opacity:.8;margin-bottom:0}.features-image img{width:100%;border-radius:10px;box-shadow:0 15px 30px #00000026}.stats-area{padding:50px 0;position:relative}.home-page.dark .stats-area{background-color:#232946}.home-page.light .stats-area{background-color:#4f8cff}.stats-row{display:flex;justify-content:space-between;flex-wrap:wrap}.stat-item{flex:1;text-align:center;padding:20px;color:#fff}.stat-item h3{font-size:2.5rem;font-weight:800;margin-bottom:5px}.stat-item span{font-size:1rem;opacity:.8}.footer-area{padding:80px 0 30px}.home-page.dark .footer-area{background-color:#1a1a2e;border-top:1px solid #232946}.home-page.light .footer-area{background-color:#232946}.footer-area .row{display:flex;flex-wrap:nowrap;justify-content:space-between}.footer-area .col-lg-3,.footer-area .col-md-6{flex:1;max-width:none;width:auto}.footer-column{margin-bottom:30px;height:100%}.footer-logo{margin-bottom:20px}.footer-logo img{max-width:180px;height:auto;border-radius:8px;padding:8px;background:#ffffff1a}.footer-column p{color:var(--text-light);opacity:.8}.support-contact{margin-top:20px}.support-contact p{margin-bottom:5px}.support-contact a{color:var(--primary-light);text-decoration:none}.footer-column h3{color:var(--text-light);font-size:1.3rem;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;height:calc(100% - 50px)}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-light);opacity:.8;text-decoration:none;transition:all .3s ease}.footer-links a:hover{opacity:1;color:var(--primary-light)}.awards-section{display:flex;gap:15px;margin-bottom:20px}.award-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s ease;padding:10px;border-radius:8px;background:#ffffff0d}.award-item:hover{background:#ffffff1a;transform:translateY(-3px)}.award-badge{width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#4f8cff26;margin-bottom:8px}.award-badge i{color:var(--primary-light);font-size:24px}.award-badge span{font-size:12px;color:var(--primary-light);font-weight:700;margin-top:2px}.award-text{color:var(--text-light);font-size:12px;text-align:center;max-width:90px;font-weight:500}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.2rem;transition:all .3s ease;text-decoration:none}.social-links a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.copyright{margin-top:50px;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.copyright p{color:var(--text-light);opacity:.7;font-size:.9rem}@media (max-width: 991px){.hero-left{text-align:center;padding-right:0;margin-bottom:40px}.hero-left p{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.order-1{order:1!important}.order-2{order:2!important}.benefits-content,.features-content{padding:0;margin-top:40px;text-align:center}.check-list li{text-align:left}.icon-list li{flex-direction:column;align-items:center}.icon{margin-right:0;margin-bottom:15px}.content{text-align:center}.stat-item{flex:0 0 50%;margin-bottom:20px}.footer-column{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-links{align-items:center}.support-contact{text-align:center}.awards-section{justify-content:center}}@media (max-width: 991px){.footer-area .row{flex-wrap:wrap}.footer-area .col-md-6{flex:0 0 50%;max-width:50%}}@media (max-width: 767px){.footer-area .col-md-6{flex:0 0 100%;max-width:100%}}@media (max-width: 767px){h2{font-size:2.2rem}.hero-area{padding:80px 0 60px}section{padding:50px 0}.testimonial-card{padding:20px}.stats-row{flex-wrap:wrap}.stat-item{flex:0 0 100%}.category-card{flex-direction:column;align-items:center;text-align:center}.category-icon{margin-right:0;margin-bottom:15px}}@media (min-width: 768px) and (max-width: 991px){.single-row-cards .col-lg-3{flex:0 0 50%;max-width:50%}}.icon i{font-size:24px;color:var(--primary-color)}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding:15px 0;transition:all .3s ease}.navbar.dark{background:linear-gradient(90deg,#232946,#1a1a2e);box-shadow:0 2px 10px #00000026}.navbar.light{background:linear-gradient(90deg,#4f8cff,#a1c4fd);box-shadow:0 2px 10px #4f8cff26}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-brand img{height:40px}.navbar-menu{display:flex}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{position:relative;margin:0 5px}.nav-link{display:block;padding:10px 15px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.nav-link:hover{opacity:.8}.dropdown-toggle{cursor:pointer}.dropdown-toggle:after{content:"▼";font-size:.7em;margin-left:5px;vertical-align:middle}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;padding:10px 0;margin:5px 0 0;border-radius:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;list-style:none}.navbar.dark .dropdown-menu{background-color:#232946;box-shadow:0 5px 15px #0003}.navbar.light .dropdown-menu{background-color:#fff;box-shadow:0 5px 15px #4f8cff33}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:8px 20px;text-decoration:none;transition:all .2s ease}.navbar.dark .dropdown-item{color:#fff}.navbar.light .dropdown-item{color:#232946}.dropdown-item:hover{background-color:#4f8cff1a}.navbar-actions{display:flex;align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-right:15px;padding:5px;line-height:1}.auth-buttons{display:flex}.login-btn,.signup-btn{padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease}.login-btn{color:#fff;margin-right:10px}.signup-btn{background-color:#fff;color:#4f8cff}.navbar.dark .signup-btn{color:#232946}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #fff3}.menu-toggle{display:none;background:none;border:none;cursor:pointer;width:30px;height:24px;position:relative;z-index:10}.menu-toggle span{display:block;width:100%;height:2px;background-color:#fff;margin-bottom:6px;transition:all .3s ease}.menu-toggle span:last-child{margin-bottom:0}@media (max-width: 991px){.navbar-menu{position:fixed;top:0;right:-280px;width:280px;height:100vh;padding:80px 20px 20px;transition:right .3s ease;z-index:5;overflow-y:auto}.navbar.dark .navbar-menu{background-color:#232946}.navbar.light .navbar-menu{background-color:#4f8cff}.navbar-menu.active{right:0}.navbar-nav{flex-direction:column}.nav-item{margin:0}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background-color:transparent;box-shadow:none;padding-left:20px;display:none}.dropdown.active .dropdown-menu{display:block}.dropdown-item{padding:8px 10px}.menu-toggle{display:block}.auth-buttons{display:none}}.pricing-page-container{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 3rem;background:linear-gradient(135deg,#181f2a,#13172b);min-height:100vh}.pricing-title{text-align:center;font-size:2.7rem;color:#fff;font-weight:900;margin-bottom:.5rem;letter-spacing:-1px;font-family:Inter,Segoe UI,Arial,sans-serif}.blog-hero-content .subtitle{display:inline-block;background:linear-gradient(135deg,#4f8cff,#16c784);color:#fff;padding:8px 20px;border-radius:25px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:32px;margin-top:24px}.pricing-cards{display:flex;flex-wrap:nowrap;justify-content:center;gap:2.5rem;min-width:900px;margin-top:-2.5rem}.pricing-card{background:#1a2036eb;border-radius:1.5rem;box-shadow:0 8px 32px #1f26872e;padding:2.2rem 1.7rem 2.5rem;min-width:260px;max-width:340px;flex:1 1 320px;display:flex;flex-direction:column;align-items:center;border:2px solid rgba(26,32,54,.92);transition:border .2s,box-shadow .2s,background .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pricing-card:hover{border:2.5px solid #00e396;background:#181f2afa;box-shadow:0 12px 40px #00e3961a;z-index:1}.pricing-card h2{font-size:1.6rem;color:#00e396;font-weight:800;margin-bottom:.7rem;letter-spacing:-.5px;font-family:Inter,Segoe UI,Arial,sans-serif;text-shadow:0 2px 8px rgba(0,227,150,.1)}.price{font-size:2.2rem;color:#fff;font-weight:900;margin-bottom:1.2rem;font-family:Inter,Segoe UI,Arial,sans-serif}.price span{font-size:1.1rem;color:#7f8fa6}.pricing-card ul{list-style:none;padding:0;margin:1.2rem 0 1.5rem;color:#e0e6ed;font-size:1.08rem}.pricing-card ul li{margin-bottom:.6rem;position:relative;padding-left:1.2rem}.pricing-card ul li:before{content:"✔";color:#00e396;position:absolute;left:0;font-size:1rem}.pricing-btn{background:linear-gradient(90deg,#0090ff,#00e396);color:#fff;border:none;border-radius:1.5rem;padding:.95rem 2.2rem;font-size:1.12rem;font-weight:800;cursor:pointer;margin-top:auto;box-shadow:0 2px 8px #0090ff1a;transition:background .2s,box-shadow .2s,color .2s;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.5px;opacity:1}.pricing-btn:disabled,.pricing-btn[disabled]{background:#232b3e;color:#bfc9da;opacity:.7;cursor:not-allowed;font-weight:700}.pricing-btn:hover:not(:disabled),.pricing-btn:focus:not(:disabled){background:linear-gradient(90deg,#00e396,#0090ff);color:#181f2a;box-shadow:0 4px 16px #00e3962e}@media (max-width: 1100px){.pricing-cards{flex-direction:column;align-items:center;min-width:0}}.features-page-container{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 3rem;background:linear-gradient(135deg,#181f2a,#13172b);min-height:100vh}.features-title{text-align:center;font-size:2.7rem;color:#fff;font-weight:900;margin-bottom:2.5rem;letter-spacing:-1px;font-family:Inter,Segoe UI,Arial,sans-serif}.features-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.feature-card{background:#1a2036eb;border-radius:1.5rem;box-shadow:0 8px 32px #1f26872e;padding:2.2rem 1.7rem 2.5rem;min-width:260px;max-width:340px;flex:1 1 320px;display:flex;flex-direction:column;align-items:center;border:2px solid rgba(26,32,54,.92);transition:border .2s,box-shadow .2s,background .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feature-card:hover{border:2.5px solid #0090ff;background:#181f2afa;box-shadow:0 12px 40px #0090ff1a;z-index:1}.feature-icon{font-size:2.5rem;margin-bottom:1.2rem;color:#00e396;text-shadow:0 2px 8px rgba(0,227,150,.1)}.feature-card h2{font-size:1.3rem;color:#00e396;font-weight:800;margin-bottom:.7rem;letter-spacing:-.5px;font-family:Inter,Segoe UI,Arial,sans-serif;text-align:center}.feature-card p{color:#e0e6ed;font-size:1.08rem;text-align:center;margin-bottom:.6rem}@media (max-width: 1100px){.features-cards{flex-direction:column;align-items:center;min-width:0}}.blog-page{--primary-color: #4f8cff;--primary-dark: #2a5db0;--primary-light: #a1c4fd;--secondary-color: #16c784;--secondary-dark: #0f9d58;--accent-color: #ea3943;--text-light: #ffffff;--text-dark: #232946;--bg-light: #f7fafd;--bg-dark: #181c24;--card-light: #ffffff;--card-dark: #232946;--border-light: #e1e8ed;--border-dark: #2d3748;min-height:100vh;width:100%}.blog-page.dark{color:var(--text-light);background-color:var(--bg-dark)}.blog-page.light{color:var(--text-dark);background-color:var(--bg-light)}.text-center{text-align:center!important}.blog-hero-area{padding:100px 0 80px;position:relative;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1f2e 100%);overflow:hidden}.blog-hero-content{position:relative;z-index:2}.blog-hero-content .subtitle{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.blog-hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,var(--text-light) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-description{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto 40px;line-height:1.6}.blog-search-container{max-width:500px;margin:0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-icon{color:#a0aec0;margin-left:15px;font-size:18px}.blog-search-input{flex:1;background:transparent;border:none;color:#fff;padding:15px 20px;font-size:16px;outline:none}.blog-search-input::placeholder{color:#a0aec0}.search-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.search-button:hover{transform:scale(1.05);box-shadow:0 5px 15px #4f8cff66}.blog-hero-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.blog-content-area{padding:80px 0;background:var(--bg-dark)}.blog-main{min-height:500px}.category-filter{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px;background:var(--card-dark);border-radius:15px;border:1px solid var(--border-dark)}.category-filter-btn{background:transparent;border:1px solid var(--border-dark);color:var(--text-light);padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.category-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.results-count{margin-bottom:30px;color:#a0aec0;font-size:14px}.featured-posts{margin-bottom:50px}.featured-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:600;margin-bottom:25px;color:var(--text-light)}.featured-title i{color:#fbbf24}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.three-cols{grid-template-columns:repeat(3,1fr)!important}.regular-title{font-size:1.5rem;font-weight:600;margin-bottom:25px;color:var(--text-light)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}@media (max-width: 1024px){.three-cols{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.three-cols{grid-template-columns:1fr!important}}.no-results{text-align:center;padding:60px 20px;color:#a0aec0}.no-results-icon{font-size:4rem;color:#4a5568;margin-bottom:20px}.no-results h3{color:var(--text-light);margin-bottom:10px}.reset-filters-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;margin-top:20px;transition:all .3s ease}.reset-filters-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr;gap:30px}.featured-grid{grid-template-columns:1fr}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.blog-hero-content h1{font-size:2.5rem}.hero-description{font-size:1.1rem}.category-filter{flex-direction:column;align-items:stretch}.category-filter-btn{text-align:center}.posts-grid,.featured-grid{grid-template-columns:1fr}}@media (max-width: 480px){.blog-hero-area{padding:80px 0 60px}.blog-hero-content h1{font-size:2rem}.search-input-wrapper{flex-direction:column;gap:10px;border-radius:15px}.blog-search-input{width:100%;text-align:center}}.blog-card.blog-card-imageonly{background:#1a2036eb;border-radius:1.5rem;box-shadow:0 8px 32px #1f26872e;min-width:260px;max-width:340px;flex:1 1 320px;display:flex;flex-direction:column;align-items:center;border:2px solid rgba(26,32,54,.92);transition:border .2s,box-shadow .2s,background .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:0 auto;padding:0;overflow:hidden}.blog-card.blog-card-imageonly:hover{border:2.5px solid #0090ff;background:#181f2afa;box-shadow:0 12px 40px #0090ff1a;z-index:1}.blog-card-img-link{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;height:100%}.blog-card-img-wrapper{width:100%;height:180px;overflow:hidden;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;background:#181f2a;display:flex;align-items:center;justify-content:center}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card.blog-card-imageonly:hover .blog-card-img{transform:scale(1.05)}.blog-card-date{color:#00e396;font-size:.98rem;font-weight:600;margin:1.1rem 0 .2rem;text-align:center;letter-spacing:.2px}.blog-card-titleonly{color:#fff;font-size:1.18rem;font-weight:800;margin:0 0 1.2rem;text-align:center;padding:0 1rem;letter-spacing:-.5px;font-family:Inter,Segoe UI,Arial,sans-serif;transition:color .2s}.blog-card-img-link:hover .blog-card-titleonly{color:#00e396}@media (max-width: 1100px){.blog-card.blog-card-imageonly{min-width:0}}@media (max-width: 1100px){.blog-card.blog-card-modern{min-width:0}}.related-posts-section{background:var(--bg-dark);padding:40px 0 30px;border-top:1px solid var(--border-dark)}.related-posts-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:28px;text-align:center}.related-posts-list{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.single-col-nav-placeholder{display:inline-block;width:140px;height:1px}.blog-details-wide{max-width:960px!important;margin:0 auto;padding:0 15px}.blog-details-share{display:flex;align-items:center;gap:18px;margin:32px 0 0;font-size:1.1rem;color:#a0aec0}.blog-details-share .share-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;font-size:1.45rem;color:#fff;background:#232946;transition:background .2s,color .2s,box-shadow .2s;text-decoration:none;box-shadow:0 2px 8px #1f268714;border:none;padding:0}.blog-details-share .share-btn.twitter{background:#1da1f2}.blog-details-share .share-btn.linkedin{background:#0077b5}.blog-details-share .share-btn.facebook{background:#4267b2}.blog-details-share .share-btn:hover{filter:brightness(1.15);color:#fff}.blog-details-page{--primary-color: #4f8cff;--primary-dark: #2a5db0;--primary-light: #a1c4fd;--secondary-color: #16c784;--secondary-dark: #0f9d58;--accent-color: #ea3943;--text-light: #ffffff;--text-dark: #232946;--bg-light: #f7fafd;--bg-dark: #181c24;--card-light: #ffffff;--card-dark: #232946;--border-light: #e1e8ed;--border-dark: #2d3748;min-height:100vh;width:100%}.blog-details-page.dark{color:var(--text-light);background-color:var(--bg-dark)}.blog-details-page.light{color:var(--text-dark);background-color:var(--bg-light)}.container{max-width:1200px;margin:0 auto;padding:0 15px}.loading-container,.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-dark);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found-container h1{color:var(--text-light);margin-bottom:15px}.not-found-container p{color:#a0aec0;margin-bottom:25px}.back-to-blog-btn{background:var(--primary-color);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease}.back-to-blog-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.single-col-header,.article-details-section{padding:60px 0 30px;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1f2e 100%);border-bottom:1px solid var(--border-dark);text-align:center}.single-col-container{max-width:560px;margin:0 auto;padding:0 15px}.single-col-category{background:var(--primary-color);color:#fff;display:inline-block;padding:7px 22px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px;text-align:center}.single-col-title{font-size:2.3rem;font-weight:800;margin-bottom:12px;color:#fff;letter-spacing:-1px;line-height:1.2;text-align:center}.single-col-date{color:#a0aec0;font-size:1.05rem;margin-bottom:32px;text-align:center}.single-col-content{padding:40px 0 60px;background:var(--bg-dark)}.single-col-image{width:100%;margin-bottom:35px;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #1f26872e}.single-col-image img{width:100%;height:auto;display:block}.single-col-body{color:var(--text-light);line-height:1.8;font-size:1.08rem;margin-bottom:40px;text-align:left}.single-col-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.single-col-nav-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #4f8cff1a;position:relative;z-index:2}.single-col-nav-btn:hover{background:var(--primary-dark);box-shadow:0 4px 16px #4f8cff2e}.prev-btn{left:0}.next-btn{right:0}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:25px;font-size:14px}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:var(--primary-light)}.breadcrumb-separator,.breadcrumb-current{color:#a0aec0}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.category-badge{background:var(--primary-color);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.publish-date,.read-time{color:#a0aec0;font-size:14px;display:flex;align-items:center;gap:5px}.article-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,var(--text-light) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-excerpt{font-size:1.2rem;color:#a0aec0;line-height:1.6;margin-bottom:30px;max-width:800px}.article-stats{display:flex;gap:30px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;color:#a0aec0;font-size:14px}.stat-item i{color:var(--primary-color);font-size:16px}.article-content{padding:60px 0;background:var(--bg-dark)}.content-layout{display:grid;grid-template-columns:1fr 350px;gap:50px;align-items:start}.main-content{min-width:0}.article-image{margin-bottom:40px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.article-image img{width:100%;height:auto;display:block}.article-body{line-height:1.8;color:var(--text-light);margin-bottom:40px}.article-body h2{font-size:2rem;font-weight:600;margin:40px 0 20px;color:var(--text-light);border-bottom:2px solid var(--primary-color);padding-bottom:10px}.article-body h3{font-size:1.5rem;font-weight:600;margin:30px 0 15px;color:var(--primary-light)}.article-body p{margin-bottom:20px;font-size:16px}.article-body ul{margin:20px 0;padding-left:25px}.article-body li{margin-bottom:10px;font-size:16px}.article-body strong{color:var(--primary-light);font-weight:600}.article-tags{margin-bottom:40px;padding:25px;background:var(--card-dark);border-radius:15px;border:1px solid var(--border-dark)}.article-tags h4{margin-bottom:15px;color:var(--text-light);font-size:1.1rem}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag-link{background:#4f8cff1a;color:var(--primary-color);padding:6px 12px;border-radius:15px;text-decoration:none;font-size:12px;font-weight:500;border:1px solid rgba(79,140,255,.2);transition:all .3s ease;display:inline-block}.tag-link:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.share-article{margin-bottom:40px;padding:25px;background:var(--card-dark);border-radius:15px;border:1px solid var(--border-dark)}.share-article h4{margin-bottom:20px;color:var(--text-light);font-size:1.1rem}.share-buttons{display:flex;flex-wrap:wrap;gap:15px}.share-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.facebook{background:#4267b2;color:#fff}.share-btn.copy-link{background:var(--primary-color);color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.article-sidebar{position:sticky;top:20px}.author-card,.toc-widget,.newsletter-widget{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:15px;padding:25px;margin-bottom:25px;transition:all .3s ease}.author-card:hover,.toc-widget:hover,.newsletter-widget:hover{border-color:var(--primary-color);box-shadow:0 5px 20px #0003}.author-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{color:var(--text-light);margin:0 0 5px;font-size:1.1rem}.author-title{color:#a0aec0;margin:0;font-size:14px}.author-bio{color:#a0aec0;line-height:1.6;margin-bottom:20px;font-size:14px}.follow-author-btn{width:100%;background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.follow-author-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.toc-widget h4{color:var(--text-light);margin-bottom:20px;font-size:1.1rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:12px}.toc-list a{color:#a0aec0;text-decoration:none;font-size:14px;transition:color .3s ease;display:block;padding:8px 0;border-bottom:1px solid transparent}.toc-list a:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.newsletter-widget h4{color:var(--text-light);margin-bottom:15px;font-size:1.1rem}.newsletter-widget p{color:#a0aec0;font-size:14px;line-height:1.5;margin-bottom:20px}.newsletter-form{display:flex;flex-direction:column;gap:15px}.newsletter-input{background:#a0aec01a;border:1px solid var(--border-dark);color:var(--text-light);padding:12px 15px;border-radius:8px;font-size:14px;transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:var(--primary-color);background:#4f8cff1a}.newsletter-input::placeholder{color:#a0aec0}.newsletter-submit{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-submit:hover{background:var(--primary-dark);transform:translateY(-2px)}.comments-section{padding:60px 0;background:var(--bg-dark);border-top:1px solid var(--border-dark)}.comments-title{color:var(--text-light);font-size:1.8rem;margin-bottom:40px;text-align:center}.comment-form-container{margin-bottom:50px;padding:30px;background:var(--card-dark);border-radius:15px;border:1px solid var(--border-dark)}.comment-form{display:flex;flex-direction:column;gap:20px}.comment-input-wrapper{display:flex;gap:15px;align-items:flex-start}.comment-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-input{flex:1;background:#a0aec01a;border:1px solid var(--border-dark);color:var(--text-light);padding:15px;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;transition:all .3s ease}.comment-input:focus{outline:none;border-color:var(--primary-color);background:#4f8cff1a}.comment-input::placeholder{color:#a0aec0}.comment-submit-btn{align-self:flex-end;background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.comment-submit-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.comments-list{display:flex;flex-direction:column;gap:30px}.comment-item{display:flex;gap:15px;padding:25px;background:var(--card-dark);border-radius:15px;border:1px solid var(--border-dark)}.comment-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1;min-width:0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.comment-author{color:var(--text-light);margin:0;font-size:1rem}.comment-timestamp{color:#a0aec0;font-size:12px}.comment-text{color:var(--text-light);line-height:1.6;margin-bottom:15px;font-size:14px}.comment-actions{display:flex;gap:15px}.action-btn{background:transparent;border:none;color:#a0aec0;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px}.action-btn:hover{color:var(--primary-color);background:#4f8cff1a}.like-btn:hover{color:var(--accent-color);background:#ea39431a}.replies-list{margin-top:20px;margin-left:20px;padding-left:20px;border-left:2px solid var(--border-dark)}.reply-item{display:flex;gap:12px;padding:15px;background:#a0aec00d;border-radius:10px;margin-bottom:15px}.reply-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;flex-shrink:0}.reply-avatar img{width:100%;height:100%;object-fit:cover}.reply-content{flex:1;min-width:0}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}.reply-author{color:var(--text-light);margin:0;font-size:.9rem}.reply-timestamp{color:#a0aec0;font-size:11px}.reply-text{color:var(--text-light);line-height:1.5;margin-bottom:10px;font-size:13px}.reply-actions{display:flex;gap:10px}.related-posts{padding:60px 0;background:var(--bg-dark);border-top:1px solid var(--border-dark)}.related-title{color:var(--text-light);font-size:1.8rem;margin-bottom:40px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}@media (max-width: 1024px){.content-layout{grid-template-columns:1fr;gap:40px}.article-sidebar{position:static;top:auto}.article-title{font-size:2.5rem}}@media (max-width: 768px){.article-header{padding:60px 0 40px}.article-title{font-size:2rem}.article-excerpt{font-size:1.1rem}.article-stats{gap:20px}.article-content{padding:40px 0}.content-layout{gap:30px}.article-body h2{font-size:1.8rem}.article-body h3{font-size:1.3rem}.comment-item{padding:20px}.comment-input-wrapper{flex-direction:column;align-items:stretch}.comment-avatar{align-self:flex-start}.comment-submit-btn{align-self:stretch}.related-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.article-header{padding:50px 0 30px}.article-title{font-size:1.8rem}.article-meta{flex-direction:column;gap:10px}.article-stats{flex-direction:column;gap:15px}.share-buttons{flex-direction:column;gap:10px}.share-btn{justify-content:center}.comment-item{padding:15px}.reply-item{padding:12px;margin-left:15px}}.contact-container{padding:2rem;max-width:1200px;margin:0 auto;color:var(--color-text-primary)}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:2.5rem;margin-bottom:1rem}.contact-content{display:grid;gap:2rem;grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:var(--color-bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.info-card h3{margin-bottom:1rem;color:var(--color-primary)}.contact-form{background:var(--color-bg-card);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-input-bg);color:var(--color-text-primary)}.submit-button{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--color-primary-hover)}.map-container{margin-top:2rem;border-radius:8px;overflow:hidden}@media (min-width: 768px){.contact-content{grid-template-columns:1fr 1fr}.map-container{grid-column:1 / -1}}#root{max-width:none;margin:0;padding:0;text-align:initial;width:100vw;min-height:100vh;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}header{position:sticky;top:0;z-index:100;width:100vw;left:0;right:0;background:inherit}.chart-card{width:100%;max-width:100vw;overflow-x:auto;background:inherit;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:0;margin-bottom:32px;display:flex;flex-direction:column;align-items:stretch}.search-anim,.range-anim{transition:box-shadow .3s,transform .3s;will-change:box-shadow,transform}.search-anim:focus-within,.range-anim:focus-within{box-shadow:0 4px 18px #4f8cff2e,0 1.5px #4f8cff;transform:translateY(-2px) scale(1.025)}.search-anim:hover,.range-anim:hover{box-shadow:0 4px 18px #4f8cff2e,0 1.5px #4f8cff;transform:translateY(-2px) scale(1.025)}input[type=range]::-webkit-slider-thumb{transition:box-shadow .3s,background .3s}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #4f8cff2e;background:#4f8cff}input[type=range]::-moz-range-thumb{transition:box-shadow .3s,background .3s}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px #4f8cff2e;background:#4f8cff}input[type=text]{transition:color .3s,background .3s}.control-card{transition:box-shadow .3s,transform .3s;will-change:box-shadow,transform}.control-card:hover,.control-card:focus-within{box-shadow:0 4px 18px #4f8cff2e,0 1.5px #4f8cff;transform:translateY(-2px) scale(1.025);z-index:2}input[type=checkbox]{cursor:pointer;transition:accent-color .3s}input[type=range]{transition:accent-color .3s}.dark .stats-area{background-color:#232946}.light .stats-area{background-color:#4f8cff}