body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.button{border-radius:12px;width:50%;background-color:#ba0009}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center}.homeLogo{margin-top:30px;width:30%}.slogan{color:grey;margin-bottom:30px;margin-top:0}.buttons{flex-direction:row;margin-bottom:50px}.btn{margin:10px;color:#fff;background-color:#000;padding:10px 30px;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#666}.divider{height:5px;color:#000;width:90%;margin:30px}.aboutHeader{font-weight:bolder;margin-bottom:10px}.abouth1{text-align:center;font-weight:700;margin-bottom:30px}.aboutbody{max-width:40%;margin:0 auto;padding:0 10px;text-align:center;font-size:30px;line-height:1.6}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;padding:10px;margin:30px 0 1em}.home-social-media{grid-gap:20px;gap:20px;margin-bottom:40px}.home-social-media,.home-social-media a{display:flex;justify-content:center;align-items:center}.home-social-media a{transition:transform .3s ease}.home-social-media a:hover{transform:scale(1.1)}.home-social-media img{width:40px;height:40px;object-fit:contain}.navbar{background-color:#0a5694;padding:10px;display:flex;font-weight:700}.navbar-link{color:#fff;text-decoration:none;padding:5px 20px}.navbar-link.brand-name{text-decoration:none;margin-left:100px;margin-right:auto}.navbar-link.login{border-radius:5px}.navbar-link.login,.navbar-link.login:visited{color:#fff;background-color:#000}.navbar-link:hover{text-decoration:none;background-color:#575757;border-radius:5px}.navbar-logo{height:45px;width:auto;margin-right:10px;border-radius:50%;object-fit:contain;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}.brand-name{display:flex;align-items:center;position:relative;overflow:hidden;border-radius:50px;padding:5px!important}.brand-name:hover .navbar-logo{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3);animation:bounce .6s ease infinite}.brand-name:hover{background-color:hsla(0,0%,100%,.1)}.brand-name:active .navbar-logo{transform:scale(.95)}.footer-container{background-color:#0a5694;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px;font-family:Arial,sans-serif}.logo img{width:100px;height:auto}.nav-links{grid-gap:20px;gap:20px}.nav-links a{color:#fff;text-decoration:none;font-size:16px}.nav-links a:hover{text-decoration:underline}.social-media{display:flex;grid-gap:15px;gap:15px}.social-media img{width:30px;height:30px}.social-media a{display:inline-block}.disclaimer-text{display:block;text-decoration:none;color:#6c757d;font-size:.75rem;line-height:1.5;text-align:justify;background-color:#0a5694;color:#fff;padding:2rem}.contact-container{min-height:100vh;background-color:#f9fafb}.contact-main{max-width:1280px;margin:0 auto;padding:2rem 1rem}.profile-section{max-width:48rem;margin:0 auto}.header-content{display:grid;grid-template-columns:1fr 320px;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.text-header{text-align:left}.name-heading{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.title-heading{font-size:1.25rem;color:#4b5563;margin-top:.5rem}.image-container-contact{width:100%;max-width:320px;justify-self:end}.profile-image{width:100%;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);object-fit:cover}.contact-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.card-heading{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.contact-links{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.contact-item{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.contact-icon{width:1.25rem;height:1.25rem;color:#4b5563}.contact-link{color:#2563eb;text-decoration:none}.contact-link:hover{color:#1e40af}.bio-container{width:100%}.bio-content{text-align:left}.bio-text{color:#374151;margin-bottom:1rem;line-height:1.6}.tech-stack{margin-top:2rem}.tech-heading{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#374151}.tech-list{list-style-type:disc;margin-left:1.5rem;margin-top:.5rem}.tech-list li{margin-bottom:.5rem;color:#374151}.titlebar{width:100%;text-align:center;height:150px;background-color:#fff;color:#fff;margin-top:50px}.logo{max-width:-moz-fit-content;max-width:fit-content;max-height:150px}.googlebtn{padding:10px;margin:10px auto;width:96.5%}.submitbtn{margin:20px auto 10px}.createaccountbtn{display:inline-block;background-color:#fff;border-radius:13px;padding:10px;border:1px solid #000;font-weight:700;margin:0 auto 20px;width:90%;color:#000;text-decoration:none}.submitbtn:hover{cursor:pointer;background-color:#6f6d6d}.createaccountbtn:hover{cursor:pointer;background-color:#f5f5f5}.forgot{color:#bbb}.forgot:hover{cursor:pointer;color:#6f6d6d}.dashboard{width:100%;min-height:92.5vh;background-color:#0a5694;padding:.5rem;display:flex;flex-direction:column;overflow-y:auto;flex:1 1}.dashboard-controls .control-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.25rem .75rem;border-radius:.375rem;background-color:#4b5563;color:#fff;transition:all .2s ease-in-out;cursor:pointer;border:none}.dashboard-controls .control-button:hover{background-color:#6b7280}.dashboard-controls .control-button.save-button{background-color:#4caf50;color:#fff}.dashboard-controls .control-button.save-button:hover{background-color:#45a049}.chart-controls .control-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;background-color:#e5e7eb;color:#374151;transition:all .2s ease-in-out;cursor:pointer;border:none}.chart-controls .control-button:hover{background-color:#d1d5db}.chart-controls .control-icon{width:1rem;height:1rem;color:#374151}.dashboard-controls .control-icon{width:1rem;height:1rem;color:#fff}.control-button{grid-gap:.5rem;gap:.5rem;padding:.25rem .75rem;border-radius:.375rem;background-color:#4b5563;color:#fff;transition:all .2s ease-in-out}.control-button:hover{background-color:#6b7280}.control-button.save-button{background-color:#4caf50;color:#fff}.control-button.save-button:hover{background-color:#45a049}.control-icon{width:1rem;height:1rem;color:#fff}.dashboard-grid-container{width:100%;overflow-x:hidden;overflow-y:auto;padding:0 .25rem;position:relative}.dashboard-grid{margin:0 auto;position:relative}.chart-wrapper{background-color:#e5e7eb;border:2px solid #000;padding:.5rem;border-radius:.375rem;height:100%;transition:box-shadow .2s ease;cursor:default;position:relative;overflow:hidden}.chart-wrapper:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}.react-resizable-handle{position:absolute;width:24px;height:24px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03IDdIMVYxSDB2N2g3eiIgZmlsbD0iIzQ0QTNGNyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;z-index:100;opacity:.7;transition:opacity .2s ease}.react-resizable-handle:hover{opacity:1}.react-resizable-handle-se{bottom:-2px;right:-2px;cursor:se-resize;background-position:100% 100%}.react-resizable-handle-sw{bottom:-2px;left:-2px;cursor:sw-resize;background-position:0 100%;transform:scaleX(-1)}.react-resizable-handle-ne{top:-2px;right:-2px;cursor:ne-resize;background-position:100% 0;transform:scaleY(-1)}.react-resizable-handle-nw{top:-2px;left:-2px;cursor:nw-resize;background-position:0 0;transform:scale(-1)}.react-grid-item{transition:none;touch-action:none;position:absolute!important}.react-grid-item:not(.react-draggable-dragging):not(.resizing){transition:all .1s ease}.react-grid-item.react-grid-placeholder{background:linear-gradient(45deg,rgba(59,130,246,.15) 25%,transparent 0),linear-gradient(-45deg,rgba(59,130,246,.15) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(59,130,246,.15) 0),linear-gradient(-45deg,transparent 75%,rgba(59,130,246,.15) 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:2px dashed rgba(59,130,246,.8);opacity:.8;transition:none;z-index:2;border-radius:.375rem;-webkit-user-select:none;user-select:none}.dashboard-grid.edit-mode .chart-wrapper{border:2px dashed rgba(59,130,246,.4);transition:all .1s ease}.dashboard-grid.edit-mode .chart-wrapper:hover{border-color:rgba(59,130,246,.8);background-color:rgba(243,244,246,.9)}.react-grid-item.react-draggable-dragging{cursor:grabbing!important}.react-grid-item.react-draggable-dragging,.react-grid-item.resizing{transition:none!important;z-index:1000;will-change:auto}.dashboard-grid.edit-mode .react-grid-item{transition:none}.dashboard-grid.edit-mode .react-grid-item:not(.react-draggable-dragging):not(.resizing){transition:box-shadow .1s ease}.chart-card{background-color:#e5e7eb;position:relative;height:100%;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chart-title{font-size:.875rem;font-weight:500;color:#374151}.chart-controls{display:flex;grid-gap:.5rem;gap:.5rem}.chart-container{background-color:#fff;padding:.5rem;border-radius:.25rem;flex:1 1;display:flex;flex-direction:column}.chart-subtitle{font-size:.75rem;text-align:center;color:#4b5563;margin-bottom:.5rem}.chart-content{flex:1 1;display:flex;align-items:stretch;justify-content:center;min-height:300px}.chart-content iframe{width:100%;height:100%;border:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header-container{width:100%;height:70px;background-color:#fff;border-bottom:1px solid #e0e0e0}.header-content{margin:0 auto;padding:0 30px}.header-content,.logo-section{height:100%;display:flex;align-items:center}.logo-section{padding-right:30px;transition:all .3s ease}.logged-in-logo{height:40px;transition:all .3s ease;border-radius:8px}.logo-section:hover .logged-in-logo{transform:scale(1.1);animation:bounce .6s ease infinite;box-shadow:0 4px 8px rgba(0,0,0,.2)}.logo-section:active .logged-in-logo{transform:scale(.95)}.nav-links{height:100%;flex-grow:1;grid-gap:10px;gap:10px}.nav-item,.nav-links{display:flex;align-items:center}.nav-item{padding:8px 20px;height:45px;cursor:pointer;font-size:15px;color:#333;transition:background-color .2s}.nav-item.selected{background-color:#f0f0f0;border-radius:6px}.right-icons{grid-gap:8px;gap:8px}.icon-container,.right-icons{display:flex;align-items:center}.icon-container{justify-content:center;padding:8px;cursor:pointer}.icon-container:hover{background-color:#f5f5f5}.header-icon{width:24px;height:24px;object-fit:contain}.info-icon{font-weight:700}.nav-item:hover:not(.selected){background-color:#f8f8f8;border-radius:6px}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-header h2{margin:0;font-size:20px;color:#333}.close-button{font-size:24px}.close-button:hover{color:#333}.bug-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;resize:vertical;font-family:inherit}.bug-textarea:focus{outline:none;border-color:#06c}.submit-button{padding:10px 20px}.account-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:120px;z-index:1000}.account-dropdown:before{content:"";position:absolute;top:-4px;right:10px;width:8px;height:8px;background-color:#fff;transform:rotate(45deg);box-shadow:-2px -2px 2px rgba(0,0,0,.05)}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:rgba(0,0,0,.05)}.logout{color:#f33;font-weight:500}.icon-container{position:relative}.chart-placeholder{width:100%;height:100%;border:none}.chart-placeholder.edit-mode-iframe{pointer-events:none}.dashboard-close-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dashboard-close-button:hover{background-color:#f3f4f6;border-radius:.375rem}.control-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.control-button:hover{opacity:.7}.control-icon{width:20px;height:20px}.hidden{display:none}.expanded-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.95);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.expanded-content{width:100%;height:100%;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.expanded-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}.expanded-chart{width:100%;height:100%;border:none}.close-button{padding:8px}.close-button:hover{background-color:rgba(0,0,0,.05)}.terms-and-conditions-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.terms-and-conditions-modal{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.3);max-width:500px;width:100%}.terms-and-conditions-content{margin-bottom:1.5rem}.terms-and-conditions-checkbox{display:flex;align-items:center;margin-top:1rem}.terms-and-conditions-checkbox input{margin-right:.5rem}.terms-and-conditions-actions{display:flex;justify-content:flex-end}.terms-and-conditions-button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.terms-and-conditions-button:disabled{background-color:#ccc;cursor:not-allowed}.tooltip-fixed{pointer-events:none!important;opacity:1!important;z-index:9999!important}.leave-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.leave-confirmation-content{width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);overflow:hidden;display:flex;flex-direction:column}.leave-confirmation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.leave-confirmation-header h3{margin:0;font-size:18px;color:#333}.close-button{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0}.leave-confirmation-body{padding:20px;font-size:16px;color:#555}.leave-confirmation-footer{padding:16px 20px;display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;border-top:1px solid #e0e0e0}.primary-button,.secondary-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.primary-button{background-color:#4caf50;color:#fff}.primary-button:hover{background-color:#45a049}.secondary-button{background-color:#f5f5f5;color:#333}.secondary-button:hover{background-color:#e0e0e0}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.title{font-size:2.5rem;color:#333}.message{font-size:1.2rem;color:#666;margin-bottom:20px}.button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.page-container{display:flex;flex-direction:column;align-items:center;padding:20px 0}.blog-title{font-size:24px;font-weight:700;margin-bottom:20px}.blog-list-container{width:100%;max-width:600px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.toggle-buttons{display:flex;justify-content:center;margin-bottom:20px}.toggle-button{padding:8px 16px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;font-size:14px}.toggle-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.toggle-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.toggle-button.active{background-color:#f0f0f0}.blog-item{border-bottom:1px solid #e0e0e0;padding:15px 0;display:flex;justify-content:space-between;align-items:flex-start}.blog-item:hover{transform:translateY(-3px);cursor:pointer;border-radius:3px;border-color:#333}.blog-item:last-child{border-bottom:none}.blog-item-content{flex-grow:1}.blog-item-title{font-size:18px;font-weight:700;color:#333;margin-bottom:5px}.blog-item-author,.blog-item-date{font-size:14px;color:#666;margin-bottom:3px}.blog-item-rating{display:flex;align-items:center}.star-rating{color:gold;font-size:18px}.heart-icon{cursor:pointer;transition:all .3s ease;padding:8px}.heart-icon svg{fill:transparent;stroke:#0a5694;stroke-width:2;transition:all .3s ease}.heart-icon.liked svg{fill:#f44;stroke:#f44}.heart-icon:hover{transform:scale(1.1)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.heart-icon.liked svg{animation:heartPop .3s ease}.blog-item-likes{color:#666;font-size:.9em;margin-top:4px}.heart-icon.liked{color:#f44}.show-more-container{text-align:center;padding:20px 0}.show-more-button{display:inline-block;padding:10px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;text-decoration:none;transition:all .2s ease}.show-more-button:hover{background-color:#e5e5e5}.pagination-container{grid-gap:20px;gap:20px;padding:20px 0}.pagination-button{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#e5e5e5}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-indicator{color:#666;font-size:.9em}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem}.blog-post-container h1{font-family:"Courier New",monospace;font-size:2.5rem;line-height:1.2;margin-bottom:.5rem;font-weight:700}.blog-post-meta{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:2rem}.author-image{width:40px;height:40px;border-radius:50%;overflow:hidden}.author-image img{width:100%;height:100%;object-fit:cover}.post-info{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.author-name{color:#000;font-weight:600;text-decoration:none}.post-date{color:#666}.social-share{margin-left:auto;display:flex;grid-gap:.5rem;gap:.5rem}.share-button{width:32px;height:32px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-charts-container{width:100%;min-height:92.5vh;background-color:#0a5694;padding:1rem;display:flex;flex-direction:column;overflow-x:hidden}.add-charts-search{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center;padding:1rem;margin:0 auto .5rem;width:100%;max-width:900px;z-index:10}.add-charts-search-input{flex:1 1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;line-height:1.5;transition:all .2s ease-in-out}.add-charts-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.add-charts-search-input::placeholder{color:#94a3b8}.reset-filter-btn-inline{padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:#fff;background-color:rgba(239,68,68,.85);border:2px solid hsla(0,0%,100%,.4);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;flex-shrink:0}.reset-filter-btn-inline:hover{background-color:#ef4444;border-color:hsla(0,0%,100%,.6);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.reset-filter-btn-inline:active{transform:translateY(0)}.sort-mode-container{display:flex;justify-content:center;grid-gap:.5rem;gap:.5rem;margin:0 auto .75rem;max-width:800px;padding:0 1rem}.sort-mode-btn{flex:1 1;max-width:150px;padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background-color:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.sort-mode-btn:hover{background-color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.sort-mode-btn.active{background-color:#fff;color:#0a5694;border-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sort-mode-btn:active{transform:translateY(0)}.tag-filter-container{max-width:1200px;margin:0 auto .75rem;padding:0 1rem}.tag-filter-label{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.5rem;text-align:center}.tag-filter-chips{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;justify-content:center}.tag-filter-chip{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:1.5rem;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.tag-filter-chip:hover{background-color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.tag-filter-chip.selected{background-color:#fff;color:#0a5694;border-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tag-filter-chip:active{transform:translateY(0)}.reset-filter-container{display:flex;justify-content:center;margin:0 auto .75rem;padding:0 1rem}.reset-filter-btn{padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;color:#fff;background-color:rgba(239,68,68,.8);border:2px solid hsla(0,0%,100%,.4);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.reset-filter-btn:hover{background-color:#ef4444;border-color:hsla(0,0%,100%,.6);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.reset-filter-btn:active{transform:translateY(0)}.filter-summary{text-align:center;color:hsla(0,0%,100%,.9);font-size:.95rem;font-weight:500;margin:0 auto 1rem;padding:0 1rem;max-width:1200px}.filter-detail{color:hsla(0,0%,100%,.85);font-weight:400}.add-charts-grid{display:grid;grid-template-columns:repeat(3,minmax(450px,1fr));grid-gap:.5rem;gap:.5rem;padding:0;width:calc(100% - 4rem);margin:0 auto;justify-content:center}.add-charts-item{background-color:#e5e7eb;border-radius:.375rem;border:2px solid #000;min-height:300px;height:100%;width:100%;position:relative;display:flex;flex-direction:column}.pagination-container{display:flex;justify-content:center;align-items:center;grid-gap:1.5rem;gap:1.5rem;padding:1.5rem 1rem;margin:1rem auto;max-width:500px}.pagination-btn{padding:.75rem 1.5rem;font-size:.95rem;background-color:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.4);border-radius:.5rem;transition:all .2s ease-in-out;min-width:100px}.pagination-btn:hover:not(:disabled){background-color:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.pagination-info{color:hsla(0,0%,100%,.95);font-size:1rem;min-width:120px;text-align:center}.add-charts-empty-state{text-align:center;padding:2rem 1rem;color:hsla(0,0%,100%,.9);font-size:1.1rem;max-width:600px;margin:2rem auto}.add-charts-empty-state p{margin:0 0 1rem}.empty-state-details{font-size:.95rem;color:hsla(0,0%,100%,.75);margin-bottom:1.5rem}.empty-state-reset-btn{padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background-color:rgba(239,68,68,.8);border:2px solid hsla(0,0%,100%,.4);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.empty-state-reset-btn:hover{background-color:#ef4444;border-color:hsla(0,0%,100%,.6);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.empty-state-reset-btn:active{transform:translateY(0)}@media (max-width:1400px){.add-charts-grid{grid-template-columns:repeat(2,minmax(400px,1fr));grid-gap:.4rem;gap:.4rem;padding:0 1.5rem}}@media (max-width:1024px){.add-charts-grid{grid-template-columns:repeat(1,minmax(400px,1fr));grid-gap:.5rem;gap:.5rem;padding:0 1rem}.tag-filter-chips{grid-gap:.4rem;gap:.4rem}.tag-filter-chip{padding:.45rem .9rem;font-size:.85rem}}@media (max-width:768px){.sort-mode-container{grid-gap:.4rem;gap:.4rem;margin-bottom:.65rem}.sort-mode-btn{padding:.55rem 1rem;font-size:.875rem;max-width:120px}.tag-filter-container{margin-bottom:.65rem}.tag-filter-label{font-size:.9rem;margin-bottom:.45rem}.tag-filter-chips{grid-gap:.35rem;gap:.35rem}.tag-filter-chip{padding:.4rem .85rem;font-size:.8rem}.filter-summary{font-size:.875rem;margin-bottom:.85rem}.reset-filter-container{margin-bottom:.65rem}.reset-filter-btn{padding:.55rem 1.25rem;font-size:.85rem}.pagination-container{grid-gap:1rem;gap:1rem;padding:1.25rem 1rem}.pagination-btn{padding:.65rem 1.25rem;font-size:.875rem;min-width:90px}.pagination-info{font-size:.95rem;min-width:110px}}@media (max-width:640px){.add-charts-grid{grid-template-columns:1fr;padding:0 .5rem}.add-charts-search{flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.75rem;margin-bottom:.5rem}.add-charts-search-input{width:100%;padding:.5rem .75rem;font-size:.875rem}.reset-filter-btn-inline{width:100%;padding:.6rem 1rem;font-size:.85rem}.add-charts-item{min-height:250px}.sort-mode-container{flex-direction:column;grid-gap:.5rem;gap:.5rem;margin-bottom:.6rem}.sort-mode-btn{max-width:100%;padding:.6rem 1rem}.tag-filter-container{margin-bottom:.6rem}.tag-filter-label{font-size:.85rem;margin-bottom:.4rem}.tag-filter-chips{grid-gap:.3rem;gap:.3rem}.tag-filter-chip{font-size:.75rem;padding:.35rem .75rem}.filter-summary{font-size:.825rem;margin-bottom:.75rem}.reset-filter-container{margin-bottom:.6rem}.reset-filter-btn{width:100%;max-width:300px}.add-charts-empty-state{padding:1.5rem .75rem;font-size:1rem}.empty-state-details{font-size:.85rem}.empty-state-reset-btn{width:100%;max-width:250px;padding:.55rem 1rem;font-size:.875rem}.pagination-container{grid-gap:.75rem;gap:.75rem;padding:1rem .5rem}.pagination-btn{padding:.6rem 1rem;font-size:.8rem;min-width:80px}.pagination-info{font-size:.875rem;min-width:100px}}.learn-container{min-height:100vh;background-color:#fff}.learn-content{padding:40px;max-width:1200px;margin:0 auto}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-top:20px}.learn-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;display:flex;align-items:flex-start;grid-gap:20px;gap:20px;transition:transform .2s,box-shadow .2s;cursor:pointer}.learn-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-icon{width:40px;height:40px;object-fit:contain}.card-content{flex:1 1}.card-content h2{margin:0 0 12px;font-size:20px;color:#333}.card-content p{margin:0;font-size:14px;color:#666;line-height:1.5}@media (max-width:768px){.learn-content{padding:20px}.learn-grid{grid-template-columns:1fr;grid-gap:20px;gap:20px}.learn-card{padding:16px}}.books-container{width:100%;min-height:100vh;background-color:#fff}.content{max-width:1200px;margin:2rem auto;padding:0 1rem}.book-card{display:flex;grid-gap:2rem;gap:2rem;padding:2rem;border-bottom:1px solid #eee;text-decoration:none;color:inherit;transition:background-color .2s ease}.book-card:hover{background-color:#f8f8f8;cursor:pointer}.book-image{flex-shrink:0;width:120px}.book-image img{width:100%;height:auto;object-fit:cover;border-radius:4px}.book-details{flex-grow:1}.book-details h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.book-details h3{margin:0 0 1rem;font-size:1rem;color:#666}.book-details p{margin:0;font-size:.9rem;line-height:1.5;color:#555}@media (max-width:768px){.book-card{flex-direction:column;grid-gap:1rem;gap:1rem}.book-image{width:100%;max-width:200px;margin:0 auto}}.submit-idea-container{max-width:1200px;margin:40px auto;padding:0 20px}.submit-idea-title{font-size:18px;color:#333;margin-bottom:20px}.submit-idea-form{display:flex;grid-gap:20px;gap:20px;align-items:flex-start}.idea-textarea{flex:1 1;min-height:100px;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical}.idea-textarea:focus{outline:none;border-color:#06c}.submit-button{background-color:#333;border-radius:4px;padding:12px 24px;font-size:16px;cursor:pointer;white-space:nowrap}.submit-button:hover{background-color:#444}.submit-button:active{background-color:#222}.blog-post-creation-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.blog-post-creation-container form{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.blog-post-creation-container input[type=text],.blog-post-creation-container select{width:100%;padding:.75rem;border:2px solid #0a5694;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.blog-post-creation-container input[type=text]:focus,.blog-post-creation-container select:focus{outline:none;border-color:#0a5694;box-shadow:0 0 0 2px rgba(10,86,148,.2)}.blog-post-creation-container label{color:#0a5694;font-weight:700;margin-bottom:.5rem;display:block}.content-block{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6;margin-bottom:1rem}.blog-post-creation-container button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease}.blog-post-creation-container button[type=submit]{background-color:#0a5694;color:#fff;width:200px;margin:2rem auto}.blog-post-creation-container button[type=submit]:hover{background-color:#084477;transform:translateY(-1px)}.content-block button{background-color:#fff;color:#0a5694;border:2px solid #0a5694;margin-right:1rem;margin-top:1rem}.content-block button:hover{background-color:#0a5694;color:#fff}.quill{margin-top:1rem}.ql-toolbar{border-color:#0a5694!important;border-top-left-radius:4px;border-top-right-radius:4px}.ql-container{border-color:#0a5694!important;border-bottom-left-radius:4px;border-bottom-right-radius:4px;min-height:200px}.selected-image{margin:1rem 0;text-align:center}.selected-image img{max-width:300px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}input[type=file]{border:2px dashed #0a5694;padding:1rem;border-radius:4px;width:100%;cursor:pointer;margin:.5rem 0}.error-message{font-size:.875rem;margin-top:.5rem}input.error,select.error{border-color:#dc3545}@media (max-width:768px){.blog-post-creation-container,.content-block{padding:1rem}.blog-post-creation-container button{width:100%;margin-right:0;margin-bottom:.5rem}}.comparison-container{max-width:1200px;margin:0 auto;padding:1rem}.comparison-title{font-size:1.5rem}.table-wrapper{overflow-x:auto;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:.5rem}.comparison-table{width:100%;border-collapse:collapse;background-color:#fff}.comparison-table td,.comparison-table th{padding:1rem;border:1px solid #e2e8f0;text-align:left}.comparison-table th{font-weight:700}.comparison-table th,.comparison-table tr:nth-child(2n){background-color:#f8fafc}.feature-cell{font-weight:500}.notes-section{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.note{padding:1rem;border-radius:.5rem;border:1px solid}.note-warning{background-color:#fff7ed;border-color:#fed7aa}.note-info{background-color:#eff6ff;border-color:#bfdbfe}.note-default{background-color:#f8fafc;border-color:#e2e8f0}.note-title{font-weight:700;margin-bottom:.5rem}.note ul{list-style-type:disc;padding-left:1.5rem;margin-top:.5rem}.note li{margin-bottom:.5rem}@media (max-width:768px){.comparison-container{padding:.5rem}.comparison-table td,.comparison-table th,.note{padding:.75rem;font-size:.875rem}}.comparison-header{margin-bottom:2rem;background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.comparison-title{color:#1f2937;margin-bottom:1.5rem}.account-summary{justify-content:center;align-items:stretch;margin-top:1.5rem}.account-type{max-width:400px;padding:1.5rem;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.account-type h3{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.account-type p{color:#4b5563;font-size:1rem;margin-bottom:1rem;font-style:italic}.account-type ul{padding:0;margin:0}.account-type ul li{color:#374151;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.account-type ul li:before{content:"•";position:absolute;left:.5rem;color:#3b82f6}.vs-divider{display:flex;align-items:center;justify-content:center;font-weight:700;color:#6b7280;font-size:1.25rem}@media (max-width:768px){.account-summary{flex-direction:column;grid-gap:1rem;gap:1rem}.vs-divider{padding:.5rem 0}.comparison-header{padding:1rem;margin:1rem}.account-type{padding:1rem}}.promo-container{max-width:400px;margin:2rem auto}.promo-link{text-decoration:none;color:inherit;display:block}.promo-content{background-color:#cf0;padding:2rem;display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.promo-content:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.promo-logo{width:20%;height:20%;object-fit:contain}.promo-text{font-size:16px;line-height:1.5;font-weight:700;text-align:center;color:#000}@media (max-width:768px){.promo-container{margin:1.5rem 1rem}.promo-content{padding:1.5rem;flex-direction:column;text-align:center;grid-gap:1rem;gap:1rem}}.glossary-term{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:#06c;text-decoration-color:#06c;cursor:help;position:relative;transition:color .2s ease,background-color .2s ease}.glossary-term:hover{color:#06c;background-color:rgba(0,102,204,.05)}.glossary-tooltip{max-width:300px!important;border-radius:8px!important;padding:12px!important;opacity:1!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;font-size:14px!important;line-height:1.6!important;z-index:9999!important;pointer-events:none!important;background-color:#fff!important;color:#333!important;border:1px solid #e0e0e0!important}.glossary-image-container{display:inline-block;position:relative}.glossary-image{cursor:help;transition:transform .2s ease,box-shadow .2s ease}.glossary-image:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width:768px){.glossary-tooltip{max-width:250px!important;font-size:13px!important}}.comparison-header{padding:2rem;max-width:1200px;margin:0 auto}.comparison-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem}.image-container{width:100%;margin:1rem 0;background-color:#f5f5f5}.strategy-image{max-width:28rem;height:auto;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.account-summary{display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem;margin-top:2rem}.account-type{flex:1 1}.account-type h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.account-type ul{list-style-type:none;padding-left:0}.account-type li{margin-bottom:.5rem}.vs-divider{width:2px;background-color:#f5f5f5;margin:0 1rem}.explanation-section{margin-top:3rem;padding:2rem;background-color:#f5f5f5;border-radius:.5rem}.explanation-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.explanation-section p{line-height:1.6;color:#374151}.warning-banner{width:100%;background-color:#ff4d5e;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;border-radius:12px}.warning-banner p{text-align:center;color:#000;font-weight:700;text-decoration:underline;display:flex}.strategy-header{text-align:center;font-weight:700;padding-bottom:1em}.rebalance-img{display:flex;justify-content:center}.rebalance-explanation{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.rebalance-explanation h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.rebalance-explanation p{line-height:1.6;color:#555;margin-bottom:1rem}.example-box{background-color:#f8f9fa;padding:1.5rem;border-left:4px solid #4caf50;margin:1.5rem 0}.example-box h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.example-box ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.tip-box{background-color:#e8f4fd;padding:1.5rem;border-radius:6px;margin-top:1.5rem}.tip-box h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.tip-box ul{list-style-type:none}.tip-box li{margin-bottom:.5rem;padding-left:1rem;position:relative}.tip-box li:before{content:"•";position:absolute;left:0;color:#4caf50}.strategies-container{position:relative;max-width:1200px;margin:0 auto;padding:0 1rem}.strategies-sidebar{position:fixed;left:0;top:80px;z-index:100;width:300px;transition:all .3s ease;max-height:calc(100vh - 100px);overflow-y:auto;padding-left:20px}.strategies-content{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.toc-container{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:280px;transition:all .3s ease}.strategies-sidebar.minimized{width:80px!important;min-width:80px!important;overflow:hidden}.strategies-sidebar.minimized .toc-container{padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;width:60px}@media (max-width:1200px){.strategies-sidebar{left:10px}}@media (max-width:992px){.strategies-sidebar{left:5px}}@media (max-width:768px){.strategies-sidebar{top:0;left:0;width:100%;background-color:#fff;padding-left:0}.toc-container{width:100%;max-width:100%;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0}.strategies-sidebar.minimized{width:80px!important;height:auto}.strategies-sidebar.minimized .toc-container{width:80px}}.strategy-section{scroll-margin-top:100px}.toc-header{justify-content:space-between;margin-bottom:1rem}.toc-header,.toc-toggle-btn{display:flex;align-items:center}.toc-toggle-btn{background:none;border:none;color:#555;cursor:pointer;padding:5px;border-radius:4px;justify-content:center;transition:all .2s ease}.toc-toggle-btn:hover{background-color:#f0f0f0;color:#333}.toc-subtitle{font-weight:700;margin-top:1rem;margin-bottom:.5rem;color:#333;background-color:#f5f5f5;padding:.5rem .75rem;border-radius:4px;cursor:default}.toc-list{list-style-type:none;padding:0}.toc-item{margin-bottom:.75rem}.toc-item,.toc-link{transition:all .2s ease}.toc-link{color:#555;text-decoration:none;display:block;padding:.5rem .75rem;border-radius:4px;cursor:pointer}.toc-link:hover{background-color:#f5f5f5;color:#333;transform:translateX(5px)}.toc-link.active{background-color:#e8f4fd;color:#06c;font-weight:700}.toc-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#333;border-bottom:2px solid #f5f5f5;padding-bottom:.5rem}.strategies-sidebar.minimized .toc-title{writing-mode:vertical-rl;transform:rotate(180deg);margin:1rem 0;border-bottom:none;padding-bottom:0;white-space:nowrap}.toc-section-header{display:flex;justify-content:space-between;align-items:center;width:100%}.toc-section-toggle{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:24px}.toc-section-toggle:hover{background-color:#f0f0f0;color:#333}.toc-section-content{margin-left:1rem;max-height:500px;overflow:hidden;opacity:1;transition:max-height .3s ease,opacity .3s ease}.toc-section-content.collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}.rebalance-img img{border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:100%}.investments-table-container{overflow-x:auto;margin:2rem 0}.investments-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.investments-table th{background-color:#f5f5f5;padding:1rem;text-align:left;font-weight:700;color:#333}.investments-table td{padding:.75rem 1rem;border-top:1px solid #eee}.investments-table tbody tr:nth-child(2n){background-color:#f9f9f9}.investments-table tbody tr:hover{background-color:#f0f7ff}.ticker-cell{font-weight:700;font-family:monospace;font-size:1.1rem}.expense-cell{text-align:center}@media (max-width:768px){.investments-table td,.investments-table th{padding:.5rem}.investments-table{font-size:.9rem}}.order-types-container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;margin:2rem 0}.order-type{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.05);transition:box-shadow .3s ease}.order-type:hover{box-shadow:0 6px 12px rgba(0,0,0,.1)}.order-title{color:#06c;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.order-description p{margin-bottom:1rem;font-size:1.1rem}.order-details{background-color:#f9f9f9;padding:1rem;border-radius:8px;margin-top:.5rem}.order-details h4{margin:.5rem 0;color:#444}.order-details ul{margin-bottom:1rem}.order-details li{margin-bottom:.5rem}.order-type-tips{background-color:#f0f7ff;border-radius:12px;padding:1.5rem;margin-top:1rem;border-left:4px solid #06c}.order-type-tips h3{color:#06c;margin-bottom:1rem}.order-type-tips li{margin-bottom:.75rem}@media (max-width:768px){.order-type{padding:1rem}.order-description p{font-size:1rem}}.quote-box{background-color:#f8f9fa;border-left:4px solid #007bff;padding:20px;margin:20px 0;border-radius:0 4px 4px 0}.quote-box blockquote{font-size:1.3rem;font-style:italic;color:#343a40;margin:0}.quote-box cite{display:block;margin-top:10px;font-size:1rem;text-align:right;color:#6c757d}.section-intro{font-size:1.1rem;line-height:1.6;margin:20px 0}.market-timing-section{margin:30px 0}.warning-notice{display:flex;align-items:flex-start;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:15px;margin:20px 0}.warning-notice svg{margin-right:15px;color:#856404;flex-shrink:0}.warning-notice p{margin:0;color:#856404}.timing-indicators{margin:30px 0}.indicator-box{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.indicator-box h4{color:#007bff;margin-top:0;margin-bottom:15px}.indicator-box ul{padding-left:20px}.indicator-box li{margin-bottom:10px}.practical-tips{background-color:#e8f4ff;border-radius:8px;padding:20px;margin:30px 0}.practical-tips h3{color:#0056b3;margin-top:0}.practical-tips ul{padding-left:20px}.practical-tips li{margin-bottom:12px}.bottom-note{border-top:1px solid #dee2e6;padding-top:20px;margin-top:30px}.bottom-note p{font-size:1.1rem;font-style:italic;color:#495057}.strategies-chart-container{margin-top:25px;border-top:1px solid #e9ecef;padding-top:20px}.strategies-chart-container h4{text-align:center;margin-bottom:15px;color:#343a40}.strategies-chart-wrapper{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);background-color:#f8f9fa}.performance-chart{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.strategies-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:6px}.legend-item{display:flex;align-items:center;margin:5px 15px}.legend-color{display:inline-block;width:20px;height:3px;margin-right:8px}.legend-color.blue{background-color:#1f77b4}.legend-color.red{background-color:red}.legend-color.dotted{border-top:2px dashed #7f7f7f;background-color:initial}@media (max-width:768px){.chart-wrapper{padding-bottom:75%}.chart-legend{flex-direction:column}.legend-item{margin:5px 0}}.rsi-chart-container{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.rsi-chart-container h5{color:#007bff;margin-top:0;margin-bottom:15px;font-size:1.1rem;font-weight:600}.rsi-chart-container .chart-description{margin:0 0 15px;font-size:.95rem;color:#495057;line-height:1.5}.rsi-chart-wrapper{height:500px;width:100%;position:relative;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rsi-tradingview-widget-container{height:100%!important;width:100%!important}.rsi-chart-wrapper .tradingview-widget-copyright{font-size:.75rem;text-align:center;padding:.25rem;background-color:#f8f9fa;border-top:1px solid #e5e7eb}.rsi-chart-wrapper .blue-text{color:#007bff;text-decoration:none}.rsi-chart-wrapper .blue-text:hover{text-decoration:underline}.stocks-ma-chart-container{margin-top:1.5rem;border-top:1px solid #e9ecef;padding-top:20px}.stocks-ma-chart-container h5{color:#007bff;margin-top:0;margin-bottom:15px;font-size:1.1rem;font-weight:600}.stocks-ma-chart-container .chart-description{margin:0 0 15px;font-size:.95rem;color:#495057;line-height:1.5}.stocks-ma-chart-wrapper{height:500px;width:100%;position:relative;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.stocks-ma-tradingview-widget-container{height:100%!important;width:100%!important}.stocks-ma-chart-wrapper .tradingview-widget-copyright{font-size:.75rem;text-align:center;padding:.25rem;background-color:#f8f9fa;border-top:1px solid #e5e7eb}.stocks-ma-chart-wrapper .blue-text{color:#007bff;text-decoration:none}.stocks-ma-chart-wrapper .blue-text:hover{text-decoration:underline}.practical-example{background-color:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;border-left:4px solid #007bff}.example-table{margin:20px 0;overflow-x:auto}.dca-example-table{width:100%;border-collapse:collapse;margin:15px 0;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dca-example-table td,.dca-example-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}.dca-example-table th{background-color:#007bff;color:#fff;font-weight:600}.dca-example-table tr:nth-child(2n){background-color:#f8f9fa}.dca-example-table .total-row{background-color:#e3f2fd!important;font-weight:600;border-top:2px solid #007bff}.dca-benefits{margin:30px 0}.benefit-explanation h4{color:#007bff;margin:25px 0 10px;font-size:1.1rem;display:flex;align-items:center;grid-gap:8px;gap:8px}.benefit-explanation p{margin-bottom:20px;padding-left:30px}.real-world-application{background-color:#e8f4ff;border-radius:8px;padding:25px;margin:25px 0}.real-world-application h3{color:#0056b3;margin-top:0;margin-bottom:20px}.application-steps h4{color:#007bff;margin:20px 0 10px;font-size:1.05rem}.application-steps p{margin-bottom:15px;line-height:1.6}.dca-considerations{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin:25px 0}.dca-considerations h3{color:#856404;margin-top:0;margin-bottom:15px}.dca-considerations ul{margin:0;padding-left:20px}.dca-considerations li{margin-bottom:10px;line-height:1.5}.dca-considerations strong{color:#856404}@media (max-width:768px){.dca-example-table{font-size:.9rem}.dca-example-table td,.dca-example-table th{padding:8px 10px}}.pricing-section{margin:30px 0}.pricing-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.plans-container{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.plans-grid{display:flex;grid-gap:1rem;gap:1rem}.plan-card{flex:1 1;padding:1rem;border:1px solid #e0e0e0;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.plan-card:hover{border-color:#000}.plan-card.selected{border-color:#000;background-color:#f8f8f8}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.plan-header h4{font-weight:500;margin:0}.plan-radio{width:1rem;height:1rem;cursor:pointer}.plan-price{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.plan-billing{font-size:.875rem;color:#666}.plan-savings{font-size:.875rem;font-weight:500;margin-top:.25rem}.price-breakdown{border-top:1px solid #e0e0e0;padding-top:1rem;margin-top:1rem}.breakdown-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.breakdown-row.total{font-weight:700;font-size:1rem;border-top:1px solid #e0e0e0;padding-top:.5rem;margin-top:.5rem}.tax-note{font-size:.75rem;color:#666;margin-top:.5rem}.signup-container{width:100%;max-width:500px;margin:0 auto;padding:20px;background-color:#fff;text-align:center}.signup-logo{width:200px;margin-bottom:30px}.progress-indicator{display:flex;justify-content:center;margin-bottom:40px;position:relative}.progress-indicator:before{content:"";position:absolute;top:50%;left:25%;right:25%;height:2px;background-color:#e0e0e0;z-index:1}.step{width:120px;padding:8px 0;background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#888;font-weight:700;position:relative;z-index:2;margin:0 20px}.step.active{border-color:#000;background-color:#000;color:#fff}.signup-form{width:100%;max-width:400px;margin:0 auto}.form-section{margin-bottom:30px;text-align:left}.form-section h3{margin-bottom:15px;color:#333;font-size:18px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;gap:20px}.form-group.half{flex:1 1;margin-bottom:20px}.form-input{width:100%;padding:12px;border:1px solid #c1c1c1;border-radius:13px;font-size:16px;transition:border-color .3s ease;background-color:#fff}.form-input.disabled-input{background-color:#f5f5f5;color:#666;cursor:not-allowed}.info-text{display:block;color:#666;font-size:12px;margin-top:4px;font-style:italic}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;cursor:pointer}.form-input:focus,.form-select:focus{outline:none;border-color:#000}.card-element-container{background-color:#fff;transition:border-color .3s ease}.card-element-container:focus-within{border-color:#000}.error{font-size:14px;margin-top:5px;display:block}.error,.error-message{color:red;text-align:left}.error-message{background-color:#fff0f0;padding:10px;border-radius:8px;margin-bottom:20px}.button-group{grid-gap:20px;gap:20px;margin-top:30px}.back-btn,.next-btn,.submit-btn{padding:12px 30px;border-radius:13px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.next-btn,.submit-btn{background-color:#000;color:#fff;border:1px solid #000}.back-btn{background-color:#fff;color:#000;border:1px solid #000}.next-btn:hover,.submit-btn:hover{background-color:#333}.back-btn:hover{background-color:#f5f5f5}.back-btn:disabled,.next-btn:disabled,.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:600px){.signup-container{padding:10px}.step{width:100px;font-size:14px;margin:0 10px}.form-row{flex-direction:column;grid-gap:0;gap:0}.form-group.half{width:100%}}.terms-section{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.terms-content{display:flex;flex-direction:column;align-items:flex-start;margin-top:15px}.terms-checkbox-container{display:flex;align-items:center;margin-bottom:10px}.terms-checkbox{margin-right:10px;cursor:pointer}.terms-label{font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.terms-link{color:#000;text-decoration:underline}.terms-link:hover{color:#666}.promo-code-container{margin-bottom:20px}.promo-code-container h3{margin-bottom:10px;font-size:16px;font-weight:600}.promo-code-input{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px}.promo-code-input input{flex:1 1;padding:10px 15px;border:1px solid #ccc;border-radius:4px;font-size:14px}.promo-remove-btn,.promo-validate-btn{padding:10px 15px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.promo-validate-btn{background-color:#007bff;color:#fff}.promo-validate-btn:hover{background-color:#0069d9}.promo-validate-btn:disabled{background-color:#ccc;cursor:not-allowed}.promo-remove-btn{background-color:#dc3545;color:#fff}.promo-remove-btn:hover{background-color:#c82333}.promo-message{padding:8px 12px;border-radius:4px;font-size:14px;margin-top:5px}.promo-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.promo-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.subscription-summary{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-bottom:20px}.subscription-summary h4{margin-top:0;margin-bottom:15px;font-size:16px;font-weight:600;color:#333}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf2f7}.summary-row:last-child{border-bottom:none}.summary-row.discount{color:#dc3545}.summary-row.total{font-weight:600;font-size:16px;margin-top:8px;padding-top:12px;border-top:2px solid #edf2f7}.referral-banner{background-color:#e8f5e9;border:1px solid #81c784;border-radius:8px;padding:15px 20px;margin:20px auto;max-width:600px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.referral-banner p{color:#2e7d32;font-size:16px;font-weight:500;margin:0}.googlebtn{background-color:#fff;border-radius:13px;padding:12px;border:1px solid #c1c1c1;font-weight:700;margin:10px 0;width:100%;color:#000;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.googlebtn:hover{background-color:#f5f5f5;border-color:#000}.google-signup-banner{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.google-signup-banner p{margin:0;font-weight:500;font-size:16px;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.my-account-container{max-width:800px;margin:40px auto;padding:20px}.my-account-container h1{text-align:center;margin-bottom:40px;font-weight:700}.account-section{background-color:#fff;border-radius:8px;padding:24px;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0}.account-section h2{margin-bottom:20px;font-size:1.5em;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px}.info-item{margin-bottom:15px}.info-item label{display:block;color:#666;font-size:.9em;margin-bottom:5px}.info-item p{font-size:1.1em;font-weight:500;margin:0;line-height:1.4}.action-button,.edit-button{background-color:#000;color:#fff;border:none;border-radius:13px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.action-button:hover,.edit-button:hover{background-color:#333}.edit-button{font-size:.9em;padding:8px 16px}.cancel-membership{background-color:#dc3545}.cancel-membership:hover{background-color:#c82333}.renew-subscription{background-color:#28a745}.renew-subscription:hover{background-color:#218838}.password-form{max-width:400px;margin:0 auto}.form-group{margin-bottom:15px}.form-group input{width:100%;padding:10px;border:1px solid #c1c1c1;border-radius:13px}.button-group{grid-gap:10px;gap:10px;margin-top:20px}.cancel-button,.submit-button{padding:10px}.submit-button:hover{background-color:#333}.cancel-button:hover{background-color:#f8f8f8}.error-message{color:#dc3545}.error-message,.success-message{margin-bottom:15px;font-size:.9em}.success-message{color:#28a745}.cancel-confirmation{text-align:center;margin-top:15px}.cancel-confirmation p{margin-bottom:20px;font-size:1.1em}.confirm-cancel{background-color:#dc3545;color:#fff;border:none;border-radius:13px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.confirm-cancel:hover{background-color:#c82333}.keep-membership{background-color:#fff;color:#000;border:1px solid #000;border-radius:13px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.keep-membership:hover{background-color:#f8f8f8}.renewal-modal-content{max-width:700px;width:100%}.renewal-section{margin-bottom:40px}.renewal-section:last-child{margin-bottom:0}.renewal-section h4{margin-bottom:20px;font-size:1.4em;font-weight:700;color:#2c3e50;text-align:center}.renewal-modal-content .pricing-cards{display:flex;grid-gap:24px;gap:24px;justify-content:center;align-items:stretch;flex-wrap:nowrap;margin:20px 0}.renewal-modal-content .pricing-card{background-color:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:24px 20px;flex:1 1;max-width:240px;min-width:200px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.06)}.renewal-modal-content .pricing-card:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.15);transform:translateY(-2px)}.renewal-modal-content .pricing-card.selected{border-color:#28a745;background-color:#f8fff9;box-shadow:0 4px 16px rgba(40,167,69,.2)}.renewal-modal-content .pricing-card input[type=radio]{position:absolute;top:16px;right:16px;width:20px;height:20px;accent-color:#28a745}.renewal-modal-content .plan-title{font-size:1.3em;font-weight:700;margin:0 0 16px;color:#2c3e50}.renewal-modal-content .price{font-size:2.2em;font-weight:800;color:#2c3e50;margin-bottom:4px;line-height:1.1}.renewal-modal-content .interval{color:#6c757d;font-size:1em;font-weight:500;margin-bottom:20px}.renewal-modal-content .features{list-style:none;padding:0;margin:0}.renewal-modal-content .features li{font-size:.95em;color:#495057;margin-bottom:6px;padding-left:4px;font-weight:500}.renewal-modal-content .features li:before{content:"✓";color:#28a745;font-weight:700;margin-right:8px}.payment-header{margin-bottom:20px}.payment-header h4{margin:0;text-align:left}.payment-add-button{background-color:#007bff;border-radius:8px;padding:10px 18px;font-size:.95em;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,123,255,.2)}.payment-add-button:hover{background-color:#0056b3;box-shadow:0 4px 10px rgba(0,123,255,.3);transform:translateY(-1px)}.renewal-modal-content .payment-list{max-height:240px;overflow-y:auto;border-radius:8px}.renewal-modal-content .payment-card{border:2px solid #e1e5e9;border-radius:12px;padding:18px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.renewal-modal-content .payment-card:hover{border-color:#007bff;box-shadow:0 4px 10px rgba(0,123,255,.12);transform:translateY(-1px)}.renewal-modal-content .payment-card:has(input:checked){border-color:#28a745;background-color:#f8fff9;box-shadow:0 4px 12px rgba(40,167,69,.15)}.renewal-modal-content .payment-card-content{display:flex;align-items:center;grid-gap:18px;gap:18px}.renewal-modal-content .payment-card input[type=radio]{width:20px;height:20px;accent-color:#28a745}.renewal-modal-content .payment-details{flex:1 1}.renewal-modal-content .payment-card-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:6px}.renewal-modal-content .card-brand{font-weight:700;text-transform:uppercase;color:#2c3e50;font-size:.9em}.renewal-modal-content .card-number{font-family:"SF Mono",Monaco,Inconsolata,"Roboto Mono",Consolas,"Courier New",monospace;font-weight:600;color:#495057}.renewal-modal-content .default-badge{background-color:#28a745;color:#fff;padding:3px 10px;border-radius:14px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.renewal-modal-content .expiry-date{color:#6c757d;font-size:.9em;font-weight:500}.modal-button{padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s ease;border:none;font-size:1em;min-width:120px}.modal-button.primary{background-color:#28a745;box-shadow:0 3px 8px rgba(40,167,69,.3)}.modal-button.primary:hover:not(:disabled){background-color:#218838;box-shadow:0 5px 12px rgba(40,167,69,.4);transform:translateY(-1px)}.modal-button.secondary{color:#6c757d;border:2px solid #dee2e6}.modal-button.secondary:hover:not(:disabled){background-color:#f8f9fa;color:#495057;border-color:#adb5bd}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.renewal-modal-content .pricing-cards{flex-direction:column;grid-gap:16px;gap:16px;align-items:center}.renewal-modal-content .pricing-card{max-width:280px;width:100%}.renewal-modal-content{max-width:95vw;margin:20px}.modal-content{max-height:85vh}.payment-header{flex-direction:column;grid-gap:12px;gap:12px;align-items:stretch}.payment-add-button{width:100%}}.renewal-modal-content .payment-list{scrollbar-width:none;-ms-overflow-style:none}.renewal-modal-content .payment-list::-webkit-scrollbar{display:none}.modal-content{scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-overlay{width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{border-radius:16px;max-width:90vw;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:modalSlideUp .3s ease-out}.modal-header{padding:24px 32px;border-bottom:1px solid #e9ecef;background-color:#fff;border-radius:16px 16px 0 0}.modal-header h3{font-size:1.5em;font-weight:700;color:#2c3e50}.modal-close{font-size:28px;color:#adb5bd;padding:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{color:#6c757d;background-color:#f8f9fa}.modal-body{padding:32px;background-color:#fbfcfd}.modal-footer{padding:24px 32px;border-top:1px solid #e9ecef;background-color:#fff;border-radius:0 0 16px 16px}.payment-methods-container{margin-top:20px}.payment-loading{padding:16px;text-align:center;color:#666}.payment-error{margin-bottom:16px}.payment-empty{padding:16px;border-radius:8px;background-color:#f9fafb;border:1px solid #e5e7eb}.payment-empty p{color:#666;margin-bottom:16px}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.payment-header h3{font-size:18px;font-weight:600;margin:0}.payment-add-button{background-color:#000;color:#fff;padding:8px 16px;border-radius:13px;border:none;font-weight:700;cursor:pointer;transition:background-color .3s ease}.payment-add-button:hover{background-color:#333}.payment-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.payment-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:border-color .3s ease}.payment-card:hover{border-color:#9ca3af}.payment-card-content{display:flex;justify-content:space-between;align-items:flex-start}.payment-card-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:4px}.card-brand{font-weight:600;text-transform:capitalize}.card-number{color:#666}.default-badge{background-color:#f3f4f6;color:#666;padding:4px 8px;border-radius:4px;font-size:12px}.expiry-date{font-size:14px;color:#666;margin-bottom:8px}.billing-details{font-size:14px;color:#666;margin-top:8px;line-height:1.4}.payment-actions{display:flex;grid-gap:8px;gap:8px}.set-default-button{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 8px;transition:color .3s ease}.set-default-button:hover{color:#000}.remove-button{background:none;border:none;color:#dc2626;font-size:14px;cursor:pointer;padding:4px 8px;transition:color .3s ease}.remove-button:hover{color:#b91c1c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:16px}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0}.modal-close:hover{color:#000}.modal-body{margin-bottom:24px}.modal-body p{margin:0;color:#666;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.modal-button{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal-button.primary{background-color:#000;color:#fff;border:none}.modal-button.primary:hover{background-color:#333}.modal-button.secondary{background-color:#fff;color:#000;border:1px solid #000}.modal-button.secondary:hover{background-color:#f5f5f5}.success-message{background-color:#dcfce7;color:#166534}.error-message,.success-message{padding:12px;border-radius:6px;margin-bottom:16px}.error-message{background-color:#fee2e2;color:#991b1b}.add-card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.add-card-modal{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:#666}.close-button:hover{color:#000}.add-card-form{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.card-element-container{border:1px solid #c1c1c1;padding:12px;border-radius:13px}.form-row{display:flex;grid-gap:16px;gap:16px}.form-group{flex:1 1}.form-group label{margin-bottom:4px;font-size:.9rem;color:#666}.form-group input,.form-group select{padding:10px;border:1px solid #c1c1c1;border-radius:13px;font-size:16px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#000}.checkbox-group{flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px}.error-message{color:#dc2626;font-size:.9rem;padding:8px;background-color:#fef2f2;border-radius:4px}.button-group{display:flex;grid-gap:16px;gap:16px;margin-top:8px}.cancel-button,.submit-button{flex:1 1;padding:12px;border-radius:13px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.submit-button{background-color:#000;color:#fff;border:none}.submit-button:hover:not(:disabled){background-color:#333}.cancel-button{background-color:#fff;color:#000;border:1px solid #000}.cancel-button:hover:not(:disabled){background-color:#f5f5f5}.cancel-button:disabled,.submit-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width:640px){.form-row{flex-direction:column}.add-card-modal{width:95%;padding:16px}}.subscription-upgrade{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.subscription-upgrade h4{margin-bottom:15px;font-weight:600}.plan-options{display:flex;grid-gap:15px;gap:15px;margin-bottom:20px}.plan-option{flex:1 1;padding:15px;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.plan-option:hover{border-color:#000}.plan-option.selected{border-color:#000;background-color:#f8f8f8}.plan-option.current{border-color:#ccc;background-color:#f8f8f8}.plan-name{font-weight:600;margin-bottom:5px}.plan-price{font-size:1.2em;color:#333}.plan-savings{color:#22c55e;font-size:.9em;margin-top:5px}.current-plan{position:absolute;top:-10px;right:10px;padding:2px 8px;border-radius:12px;font-size:.8em}.current-plan,.upgrade-button{background-color:#000;color:#fff}.upgrade-button{width:100%;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.upgrade-button:hover:not(:disabled){background-color:#333}.upgrade-button:disabled{background-color:#ccc;cursor:not-allowed}.dialogue{width:300px;height:auto;text-align:center;background-color:#fff;margin:0 auto;font-size:1em;color:#000}.inputs{border-radius:13px;border:1px solid #c1c1c1;margin:3px;width:90%}.inputs,.submitbtn{padding:10px;font-weight:700}.submitbtn{background-color:#000;border-radius:13px;border:1px solid #000;margin:20px auto;width:96.5%;color:#fff}.submitbtn:hover:not(:disabled){cursor:pointer;background-color:#6f6d6d}.submitbtn:disabled{background-color:#ccc;cursor:not-allowed}.errormessage{color:#fc0307;font-size:24px;background-color:#fff;font-weight:700;text-align:center;margin:20px auto;max-width:80%}.refer-friend-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif}.refer-friend-header{text-align:center;margin-bottom:40px}.refer-friend-header h1{font-size:36px;margin-bottom:16px;color:#1a1a1a}.refer-subtitle{font-size:18px;color:#666;max-width:800px;margin:0 auto}.refer-friend-content{display:flex;grid-gap:40px;gap:40px}.refer-friend-left,.refer-friend-right{flex:1 1;display:flex;flex-direction:column;grid-gap:30px;gap:30px}.refer-friend-right{align-items:center}.how-it-works,.referral-form-container,.referral-link-container,.referrals-history{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:25px}.how-it-works h2,.referral-form-container h2,.referral-link-container h2,.referrals-history h2{margin-top:0;margin-bottom:20px;font-size:22px;color:#333}.referral-form{grid-gap:20px;gap:20px}.form-group,.referral-form{display:flex;flex-direction:column}.form-group{grid-gap:8px;gap:8px}.form-group label{font-weight:500;font-size:14px;color:#555}.form-group input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#06c}.send-referral-btn{background-color:#06c;color:#fff;border:none;border-radius:6px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.send-referral-btn:hover{background-color:#0052a3}.send-referral-btn:disabled{background-color:#ccc;cursor:not-allowed}.message{margin-top:20px;padding:12px 16px;border-radius:6px;font-size:14px}.message.success{background-color:#e7f7ed;color:#136c3a;border:1px solid #91e6b3}.message.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.referral-link{display:flex;grid-gap:10px;gap:10px}.referral-link input{flex:1 1;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;background-color:#f9f9f9}.referral-link button{background-color:#06c;color:#fff;border:none;border-radius:6px;padding:0 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.referral-link button:hover{background-color:#0052a3}.referrals-list{overflow-x:auto}.referrals-list table{width:100%;border-collapse:collapse}.referrals-list td,.referrals-list th{text-align:left;padding:12px 16px;border-bottom:1px solid #eee}.referrals-list th{font-weight:600;color:#666;font-size:14px}.referrals-list td{font-size:15px}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.pending{background-color:#fff8e1;color:#ffa000}.status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.status-badge.expired{background-color:#f5f5f5;color:#9e9e9e}.how-it-works{background-color:#f8fbff;text-align:center;width:100%;padding:30px 20px;box-sizing:border-box}.how-it-works h2{text-align:center;margin-bottom:25px}.steps{grid-gap:30px;gap:30px;width:100%}.step-refer,.steps{display:flex;flex-direction:column;align-items:center}.step-refer{grid-gap:12px;gap:12px;text-align:center;max-width:80%;margin:0 auto}.step-number{background-color:#06c;color:#fff;width:36px;height:36px;justify-content:center;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0;margin-bottom:8px}.step-content,.step-number{display:flex;align-items:center}.step-content{flex-direction:column}.step-content h3{margin:0 0 8px;font-size:18px;color:#333;text-align:center}.step-content p{margin:0;color:#666;font-size:15px;line-height:1.5;text-align:center}.referral-image{text-align:center;width:100%;margin-top:20px}.image-container{max-width:400px;margin:0 auto;display:flex;justify-content:center}.referral-image img{max-width:100%;height:auto;border-radius:10px}@media (max-width:992px){.refer-friend-content{flex-direction:column}.referral-image{order:-1;margin-bottom:30px}.step-refer{max-width:100%}}.admin-login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:100%;max-width:450px;padding:40px}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h1{font-size:2rem;color:#333;margin-bottom:8px}.admin-login-header p{color:#666;font-size:.95rem}.admin-login-form{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.admin-error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;color:#c33;font-size:.9rem;text-align:center}.admin-form-group{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.admin-form-group label{font-weight:600;color:#333;font-size:.9rem}.admin-form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.admin-form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-security-notice{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0;text-align:center}.admin-security-notice p{color:#666;font-size:.85rem;margin:0}@media (max-width:768px){.admin-login-box{padding:30px 20px}.admin-login-header h1{font-size:1.5rem}}.admin-dashboard-container{min-height:100vh;background-color:#f5f7fa}.admin-header{background:#fff;padding:24px 40px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.admin-header-left h1{font-size:1.8rem;color:#333;margin:0 0 4px}.admin-header-left p{color:#666;margin:0;font-size:.95rem}.admin-logout-btn{background-color:#dc3545;color:#fff;padding:10px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-logout-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.admin-main-content{padding:40px;max-width:1400px;margin:0 auto}.admin-section{margin-bottom:40px}.admin-section h2{font-size:1.5rem;color:#333;margin-bottom:20px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.admin-stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;grid-gap:20px;gap:20px;transition:all .3s ease}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.admin-stat-card.loading{background:#f5f5f5}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:12px}.stat-content{flex:1 1}.stat-label{font-size:.85rem;color:#666;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.8rem;font-weight:700;color:#333}.admin-stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2)}.admin-stat-card.highlight .stat-icon{background:hsla(0,0%,100%,.2)}.admin-stat-card.highlight .stat-label,.admin-stat-card.highlight .stat-value{color:#fff}.admin-stat-card.success{border-left:4px solid #28a745}.admin-stat-card.warning{border-left:4px solid #ffc107}.stat-skeleton{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px}.admin-action-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:all .3s ease;text-align:center}.admin-action-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);background:linear-gradient(135deg,#667eea,#764ba2)}.admin-action-card:not(.disabled):hover .action-icon,.admin-action-card:not(.disabled):hover h3,.admin-action-card:not(.disabled):hover p{color:#fff}.admin-action-card.disabled{opacity:.5;cursor:not-allowed}.action-icon{font-size:3rem;margin-bottom:16px}.admin-action-card h3{font-size:1.2rem;color:#333;margin:0 0 8px}.admin-action-card p{color:#666;font-size:.9rem;margin:0;line-height:1.5}.system-info-box{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#666}.info-value{color:#333}.badge-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.admin-error-box{background:#fee;border:1px solid #fcc;border-radius:8px;padding:16px;color:#c33;text-align:center}@media (max-width:768px){.admin-header{flex-direction:column;grid-gap:16px;gap:16px;padding:20px}.admin-main-content{padding:20px}.admin-actions-grid,.admin-stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}}.admin-users-container{min-height:100vh;background-color:#f5f7fa;padding:40px}.admin-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-users-header h1{font-size:2rem;color:#333;margin:0 0 4px}.admin-users-header p{color:#666;font-size:.95rem;margin:0}.back-btn{border-radius:6px}.admin-users-controls{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px;display:flex;grid-gap:20px;gap:20px;align-items:center;flex-wrap:wrap}.search-box{min-width:250px}.filter-box{display:flex;align-items:center;grid-gap:8px;gap:8px}.filter-box label{font-weight:600;color:#666;font-size:.9rem}.filter-select{padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea}.results-count{white-space:nowrap}.user-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;margin-bottom:24px}.user-table{width:100%;border-collapse:collapse;font-size:.9rem}.user-table thead{background:#f8f9fa}.user-table th{padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.user-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.user-table th.sortable:hover{background:#e9ecef}.user-table td{padding:14px 12px;border-bottom:1px solid #f0f0f0;color:#333}.user-table tbody tr{transition:background .2s ease}.user-table tbody tr:hover{background:#f8f9fa}.username{font-weight:600;color:#667eea}.oauth-badge{background:#e3f2fd;color:#1976d2;padding:2px 8px;font-size:.75rem;margin-left:8px;text-transform:uppercase}.oauth-badge,.role-badge{display:inline-block;border-radius:12px}.role-badge{padding:4px 12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.role-badge.role-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.role-user{background:#e0e0e0;color:#666}.sub-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.sub-status.active{background:#d4edda;color:#155724}.sub-status.inactive{background:#f8d7da;color:#721c24}.sub-end-date{font-size:.75rem;color:#666;margin-top:4px}.role-toggle-btn{padding:6px 14px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.role-toggle-btn.promote{background:#28a745;color:#fff}.role-toggle-btn.promote:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.role-toggle-btn.demote{background:#ffc107;color:#333}.role-toggle-btn.demote:hover:not(:disabled){background:#e0a800;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,193,7,.3)}.role-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.pagination-controls{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px}.pagination-btn{background:#667eea;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.pagination-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.pagination-info{font-weight:600;color:#333}@media (max-width:1200px){.user-table{font-size:.85rem}.user-table td,.user-table th{padding:12px 8px}}@media (max-width:768px){.admin-users-container{padding:20px}.admin-users-header{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.admin-users-controls{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-box{flex-direction:column;align-items:flex-start}.filter-select{width:100%}.user-table-container{overflow-x:auto}.user-table{min-width:800px}.pagination-controls{flex-direction:column}}.admin-charts-container{min-height:100vh;background-color:#f5f7fa;padding:40px}.admin-charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-charts-header h1{font-size:2rem;color:#333;margin:0 0 4px}.admin-charts-header p{color:#666;font-size:.95rem;margin:0}.chart-form-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:30px;border-left:4px solid #667eea}.chart-form{max-width:800px}.chart-form h3{font-size:1.4rem;color:#333;margin:0 0 24px}.chart-form .form-group{margin-bottom:20px}.chart-form label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.9rem}.chart-form .required{color:#dc3545}.chart-form input,.chart-form textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.chart-form textarea{resize:vertical;min-height:100px}.chart-form input:focus,.chart-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.chart-form input.error,.chart-form textarea.error{border-color:#dc3545}.chart-form input:disabled,.chart-form textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-info{margin-top:6px;font-size:.85rem;color:#666}.error-text{color:#dc3545;font-weight:600}.url-preview{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:6px;font-size:.9rem}.url-preview code{color:#667eea;font-weight:600}.form-actions{display:flex;grid-gap:12px;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-btn,.submit-btn{padding:12px 28px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#fff;color:#666;border:2px solid #e0e0e0}.cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-charts-controls{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px;display:flex;grid-gap:20px;gap:20px;align-items:center;flex-wrap:wrap}.search-box{flex:1 1;min-width:200px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.new-chart-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.new-chart-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.new-chart-btn:disabled{opacity:.6;cursor:not-allowed}.results-count{color:#666;font-size:.9rem;font-weight:600}.back-btn{background:#fff;color:#667eea;padding:10px 20px;border:2px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.chart-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.chart-table{width:100%;border-collapse:collapse;font-size:.9rem}.chart-table thead{background:#f8f9fa}.chart-table th{padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.chart-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.chart-table th.sortable:hover{background:#e9ecef}.chart-table td{padding:14px 12px;border-bottom:1px solid #f0f0f0;color:#333}.chart-table tbody tr{transition:background .2s ease}.chart-table tbody tr:hover{background:#f8f9fa}.chart-title{font-weight:600;color:#667eea}.chart-tooltip{color:#666;line-height:1.4}.chart-url{background:#f8f9fa;padding:4px 8px;border-radius:4px;color:#28a745;font-family:"Courier New",monospace;font-size:.85rem}.action-buttons{display:flex;grid-gap:8px;gap:8px}.delete-btn,.edit-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.edit-btn{background:#17a2b8;color:#fff}.edit-btn:hover:not(:disabled){background:#138496;transform:translateY(-2px);box-shadow:0 4px 12px rgba(23,162,184,.3)}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.delete-btn:disabled,.edit-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state,.error-state,.loading-state{background:#fff;padding:60px 20px;text-align:center;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.empty-state p,.loading-state p{color:#666;font-size:1.1rem}.error-state p{color:#c33;font-size:1.1rem;margin-bottom:16px}.error-state button{background:#667eea;color:#fff;padding:10px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-state button:hover{background:#5568d3}.chart-tags{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;align-items:center}.tag-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.no-tags{color:#999;font-style:italic;font-size:.85rem}.tag-input-container{display:flex;grid-gap:8px;gap:8px;align-items:stretch}.tag-input-container input{flex:1 1;min-width:0}.add-tag-btn{padding:12px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-tag-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.add-tag-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.tag-suggestions{position:relative;margin-top:8px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:10}.suggestions-header{padding:8px 12px;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;background:#f8f9fa;border-bottom:1px solid #e0e0e0;letter-spacing:.5px}.suggestion-item{padding:10px 12px;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#333;border-bottom:1px solid #f0f0f0}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#667eea;color:#fff}.tag-chips-container{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.tag-chip{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:.85rem;font-weight:600;transition:all .2s ease}.tag-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.tag-text{line-height:1}.remove-tag-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:hsla(0,0%,100%,.3);border:none;border-radius:50%;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s ease;padding:0}.remove-tag-btn:hover:not(:disabled){background:hsla(0,0%,100%,.5);transform:scale(1.1)}.remove-tag-btn:disabled{opacity:.5;cursor:not-allowed}.tag-char-count{margin-left:12px;color:#999;font-size:.8rem}.field-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:8px;gap:8px}@media (max-width:1200px){.chart-table{font-size:.85rem}.chart-table td,.chart-table th{padding:12px 8px}}@media (max-width:768px){.admin-charts-container{padding:20px}.admin-charts-header{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.chart-form-section{padding:20px}.admin-charts-controls{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.new-chart-btn{width:100%}.chart-table-container{overflow-x:auto}.chart-table{min-width:900px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.action-buttons{flex-direction:column;width:100%}.delete-btn,.edit-btn{width:100%}.tag-input-container{flex-direction:column}.add-tag-btn{width:100%}.tag-chips-container{justify-content:center}}
/*# sourceMappingURL=main.66dd8734.chunk.css.map */