:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--primary:var(--green-600);--primary-light:var(--green-500);--primary-dark:var(--green-700);--secondary:#2e86de;--dark:#2d3436;--light:#f5f6fa;--danger:#e74c3c;--success:#27ae60;--warning:#f39c12;--info:#3498db;--font-main:'Poppins','Segoe UI',Roboto,'Helvetica Neue',sans-serif;--lp-primary:#2557a7;--lp-secondary:#1e3a8a;}*{margin:0;padding:0;box-sizing:border-box;}html{height:100%;scroll-behavior:smooth;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:hsl(var(--foreground));background:hsl(var(--background));display:flex;flex-direction:column;min-height:100vh;font-size:15px;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;transition:transform 0.3s ease-in-out;}.site-container{flex:1;display:flex;flex-direction:column;}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px;}.navbar{background-color:#ffffff;padding:0.75rem 2rem;box-shadow:0 1px 0 0 rgba(0,0,0,0.05);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;transition:all 0.3s ease;backdrop-filter:blur(10px);background:rgba(255,255,255,0.98);}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;gap:2rem;}.navbar-left{display:flex;align-items:center;min-width:160px;}.navbar-center{display:flex;align-items:center;justify-content:center;flex:1;}.navbar-right{display:flex;align-items:center;min-width:160px;justify-content:flex-end;}.navbar-brand{font-size:1.5rem;font-weight:700;color:#0f172a;text-decoration:none;display:flex;align-items:center;transition:all 0.2s ease;letter-spacing:-0.03em;gap:0.5rem;}.navbar-brand img{max-height:44px;width:auto;transition:all 0.3s ease;}.site-icon{margin-right:4px;vertical-align:middle;}.navbar-brand:hover{transform:translateY(-1px);}.navbar-brand:hover img{filter:brightness(1.1);transform:scale(1.05);}.navbar-toggler{display:none;font-size:1.5rem;background:none;border:none;color:#333;cursor:pointer;z-index:1002;}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0.25rem;}.nav-item{position:relative;}.nav-item:first-child{margin-left:0;}.nav-link{text-decoration:none;color:#475569;font-weight:500;font-size:0.9375rem;padding:0.5rem 1rem;border-radius:0.375rem;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;position:relative;}.nav-link i,.nav-link svg{width:1rem;height:1rem;transition:transform 0.2s ease;}.nav-link:hover{background-color:#f8fafc;color:#16a34a;}.nav-link:hover i,.nav-link:hover svg{transform:scale(1.1);}.nav-link.active{background-color:transparent;color:#16a34a;font-weight:600;text-shadow:0 0 8px rgba(22,163,74,0.3);}.nav-link.active i,.nav-link.active svg{filter:drop-shadow(0 0 4px rgba(22,163,74,0.4));}.nav-link.nav-link-user{font-weight:400;color:#777;}.nav-link.nav-link-user:hover{color:#ffffff !important;}.nav-link.logout-btn{background-color:var(--danger-bg,#fde2e4);color:var(--danger,#941b0c);border-color:var(--danger,#e63946);}.nav-link.logout-btn:hover{background-color:var(--danger,#e63946);color:#ffffff;}.user-profile-btn{display:flex;align-items:center;gap:0.625rem;padding:0.375rem 0.75rem;border-radius:0.5rem;text-decoration:none;transition:all 0.2s;cursor:pointer;background:#f8fafc;}.user-profile-btn:hover{background:#f1f5f9;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.user-profile-btn .user-name{font-weight:600;font-size:0.875rem;color:#0f172a;}.user-profile-btn .user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;box-shadow:0 2px 8px rgba(22,163,74,0.2);}.nav-link.btn-login{background-color:transparent;color:#0f172a;padding:0.5rem 1.25rem;border-radius:0.5rem;border:1.5px solid #e2e8f0;font-weight:600;transition:all 0.2s ease;}.nav-link.btn-login:hover{border-color:#16a34a;color:#16a34a;background-color:#f0fdf4;}.nav-link.btn-get-started{background-color:#16a34a;color:white;padding:0.5rem 1.5rem;border-radius:0.5rem;border:1.5px solid #16a34a;font-weight:600;margin-left:0.5rem;transition:all 0.2s ease;}.nav-link.btn-get-started:hover{background-color:#15803d;border-color:#15803d;box-shadow:0 4px 12px rgba(22,163,74,0.2);}.nav-item.dropdown .dropdown-menu{display:none;position:absolute;top:calc(100% + 0.5rem);left:0;background-color:white;box-shadow:0 10px 30px rgba(0,0,0,0.1);border-radius:0.5rem;z-index:1001;min-width:220px;padding:0.5rem;list-style:none;border:1px solid #f1f5f9;}.nav-item.dropdown:hover .dropdown-menu,.nav-item.dropdown .dropdown-toggle:focus + .dropdown-menu,.nav-item.dropdown .dropdown-menu:hover{display:block;}.dropdown-menu .nav-link{color:#475569;padding:0.625rem 0.875rem;border-radius:0.375rem;width:100%;text-align:left;font-size:0.875rem;}.dropdown-menu .nav-link:hover{background-color:#f8fafc;color:#16a34a;}.dropdown-menu .nav-link i{margin-right:0.625rem;width:1rem;text-align:center;}.dropdown-toggle::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;margin-left:0.5rem;font-size:0.75rem;vertical-align:middle;transition:transform 0.2s ease;}.dropdown:hover .dropdown-toggle::after{transform:rotate(180deg);}.dropdown-menu.automation-dropdown{min-width:260px;border-radius:0.75rem;box-shadow:0 20px 60px rgba(0,0,0,0.12);border:1px solid #f1f5f9;padding:0.75rem 0.5rem;}.dropdown-menu.tools-dropdown{min-width:230px;border-radius:0.75rem;padding:0.75rem 0.5rem;border:1px solid #e2e8f0;box-shadow:0 16px 40px rgba(15,23,42,0.12);background:#ffffff;}.dropdown-menu.tools-dropdown .nav-link{display:flex;align-items:center;gap:0.6rem;padding:0.625rem 0.875rem;border-radius:0.5rem;transition:all 0.2s ease;border:1px solid transparent;}.dropdown-menu.tools-dropdown .nav-link i{width:1.1rem;color:#16a34a;}.dropdown-menu.tools-dropdown .nav-link:hover{background:#f0fdf4;color:#166534;border-color:#bbf7d0;box-shadow:inset 0 0 0 1px #bbf7d0;}.dropdown-menu.tools-dropdown .dropdown-divider{height:1px;margin:0.35rem 0.5rem;background:#e2e8f0;}.dropdown-menu.tools-dropdown .dropdown-header{font-size:0.75rem;font-weight:700;color:#0f172a;padding:0.35rem 0.75rem 0.25rem;text-transform:uppercase;letter-spacing:0.03em;display:flex;align-items:center;gap:0.4rem;}.dropdown-menu.tools-dropdown .dropdown-header i{color:#ef4444;width:1rem;}.dropdown-menu.automation-dropdown .dropdown-header{padding:0.5rem 0.875rem 0.75rem;font-weight:700;font-size:0.875rem;color:#16a34a;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:0.5rem;}.dropdown-menu.automation-dropdown .dropdown-header i{font-size:1rem;}.dropdown-menu.automation-dropdown .dropdown-divider{height:1px;background-color:#e2e8f0;margin:0.5rem 0;}.dropdown-menu.automation-dropdown .dropdown-section-title{padding:0.5rem 1rem 0.25rem;font-size:0.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.025em;display:flex;align-items:center;gap:0.5rem;}.dropdown-menu.automation-dropdown .dropdown-section-title i{font-size:0.875rem;}.dropdown-menu.automation-dropdown .nav-link{padding:0.5rem 1rem 0.5rem 2rem;font-size:0.875rem;color:#475569;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s ease;}.dropdown-menu.automation-dropdown .nav-link:hover{background-color:#f0fdf4;color:#16a34a;}.dropdown-menu.automation-dropdown .nav-link i{font-size:0.8125rem;width:1rem;margin-right:0.25rem;opacity:0.7;}.main-content{flex-grow:1;padding:0;}.flash-messages-container{position:fixed;top:20px;right:20px;width:calc(100% - 40px);max-width:400px;padding:0;list-style:none;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;}.alert{padding:16px 20px;border:1px solid transparent;border-radius:12px;font-size:0.95em;box-shadow:0 10px 30px rgba(0,0,0,0.15);animation:slideInRight 0.3s ease-out;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;backdrop-filter:blur(10px);}@keyframes slideInRight{from{transform:translateX(420px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1;}to{transform:translateX(420px);opacity:0;}}.alert.fade-out{animation:slideOutRight 0.3s ease-out forwards;}.alert-success{background-color:rgba(16,185,129,0.95);color:#ffffff;border-color:#10b981;}.alert-danger{background-color:rgba(239,68,68,0.95);color:#ffffff;border-color:#ef4444;}.alert-warning{background-color:rgba(245,158,11,0.95);color:#ffffff;border-color:#f59e0b;}.alert-info{background-color:rgba(59,130,246,0.95);color:#ffffff;border-color:#3b82f6;}.alert-error{background-color:rgba(239,68,68,0.95);color:#ffffff;border-color:#ef4444;}.alert-quota-exceeded{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#f8fafc;border:1px solid #f59e0b;border-left:4px solid #f59e0b;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(245,158,11,0.2);display:flex;align-items:center;gap:12px;pointer-events:auto;flex-wrap:wrap;}.quota-upgrade-btn{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;font-size:0.85rem;border-radius:8px;text-decoration:none;transition:transform 0.15s,box-shadow 0.15s;white-space:nowrap;flex-shrink:0;}.quota-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(245,158,11,0.4);color:#fff;text-decoration:none;}.alert .close-btn{background:none;border:none;color:inherit;font-size:1.25em;cursor:pointer;padding:6px 8px;margin-left:8px;opacity:0.8;transition:opacity 0.2s;flex-shrink:0;line-height:1;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:6px;}.alert .close-btn:hover{opacity:1;background:rgba(255,255,255,0.15);}@media (max-width:640px){.alert .close-btn{min-width:44px;min-height:44px;font-size:1.4em;}}@media (max-width:640px){.flash-messages-container{top:10px;right:10px;left:10px;max-width:none;width:calc(100% - 20px);}.alert{padding:14px 16px;font-size:0.9em;}}footer{background-color:var(--dark);color:white;padding:4rem 0 2rem;margin-top:auto;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;}.footer-column h3{font-size:1.25rem;margin-bottom:1.5rem;position:relative;color:white;}.footer-column h3::after{content:'';position:absolute;bottom:-10px;left:0;width:50px;height:2px;background-color:var(--primary);}.footer-column p{color:#d1d5db;}.footer-column ul{list-style:none;padding:0;}.footer-column ul li{margin-bottom:0.75rem;}.footer-column ul li a{color:#d1d5db;text-decoration:none;transition:all 0.3s ease;}.footer-column ul li a:hover{color:white;text-decoration:underline;}.social-icons{display:flex;gap:1rem;margin-top:1.5rem;}.social-icon{width:40px;height:40px;background-color:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:all 0.3s ease;}.social-icon svg{fill:currentColor;}.social-icon:hover{background-color:var(--lp-primary);}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center;color:#9ca3af;}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.35s ease-in-out,visibility 0.35s ease-in-out;}.mobile-menu-overlay.active{opacity:1;visibility:visible;}@media (max-width:1024px){.nav-item{margin-left:10px;}}@media (max-width:992px){.navbar-toggler{display:block;}.navbar-center{display:none;}.navbar-right{display:none;}.mobile-nav{position:fixed;top:0;left:0;width:280px;max-width:80%;height:100vh;min-height:100vh;background-color:#ffffff !important;box-shadow:2px 0 10px rgba(0,0,0,0.15);flex-direction:column;padding-top:0;padding-bottom:20px;z-index:1001;overflow-y:auto;display:flex !important;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94),visibility 0s linear 0.35s;visibility:hidden;}.mobile-nav.active{transform:translateX(0%);visibility:visible;transition:transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94),visibility 0s linear 0s;}.mobile-nav .nav-item{margin-left:0 !important;width:100% !important;text-align:left;margin-bottom:4px;display:block !important;visibility:visible !important;opacity:1 !important;list-style:none;}.mobile-nav .nav-link{display:flex !important;align-items:center;width:100%;padding:14px 25px;margin:0;border-radius:8px;font-size:0.95rem;border:none;color:#475569 !important;background-color:transparent;visibility:visible !important;opacity:1 !important;text-decoration:none;transition:all 0.2s ease;font-weight:500;position:relative;}.mobile-nav .nav-link:hover{background-color:#f1f5f9;color:#1e293b !important;}.mobile-nav .nav-link.active{color:var(--green-600) !important;background-color:#f0fdf4;}.mobile-nav .nav-link.active i,.mobile-nav .nav-link.active svg{color:var(--green-600) !important;fill:var(--green-600) !important;stroke:var(--green-600) !important;}.mobile-nav .mobile-nav-header{display:flex !important;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #e2e8f0;margin-bottom:12px;background-color:#fff;}.mobile-nav .mobile-nav-header span{font-weight:600;font-size:1.1rem;color:#1e293b;}.mobile-nav .mobile-nav-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:5px;transition:color 0.2s ease;}.mobile-nav .mobile-nav-close:hover{color:var(--green-600);}.mobile-nav .nav-link.active{color:var(--green-600) !important;background-color:#f0fdf4;}.mobile-nav .nav-link.active i,.mobile-nav .nav-link.active svg{color:var(--green-600) !important;fill:var(--green-600) !important;stroke:var(--green-600) !important;}.mobile-nav .nav-link i,.mobile-nav .nav-link svg{color:#475569 !important;fill:#475569 !important;stroke:#475569 !important;display:inline-block !important;margin-right:0.75rem;width:1.25rem;height:1.25rem;flex-shrink:0;}.mobile-nav .nav-link.btn-login{margin:15px 25px 8px 25px;width:calc(100% - 50px);border-radius:10px;text-align:center;justify-content:center;background-color:white;color:var(--green-600) !important;border:2px solid var(--green-600);box-shadow:0 2px 4px rgba(22,163,74,0.1);font-weight:600;}.mobile-nav .nav-link.btn-login:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,0.2);border-color:var(--green-700);background-color:#f0fdf4;}.mobile-nav .nav-link.btn-get-started{margin:8px 25px 15px 25px;width:calc(100% - 50px);border-radius:10px;text-align:center;justify-content:center;background-color:var(--green-600);color:white !important;border:2px solid var(--green-600);box-shadow:0 2px 4px rgba(22,163,74,0.3);font-weight:600;}.mobile-nav .nav-link.btn-get-started:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,0.4);border-color:var(--green-700);background-color:var(--green-700);color:white !important;}.mobile-nav .nav-item.dropdown > .dropdown-toggle{position:relative;padding-right:50px;}.mobile-nav .nav-item.dropdown .dropdown-toggle::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:0.75rem;transition:transform 0.3s ease;color:#64748b;}.mobile-nav .nav-item.dropdown.open > .dropdown-toggle{color:var(--green-600) !important;}.mobile-nav .nav-item.dropdown.open > .dropdown-toggle::after{transform:translateY(-50%) rotate(180deg);color:var(--green-600);}.mobile-nav .nav-item.dropdown .dropdown-menu{position:static;display:none;box-shadow:none;border-radius:0;border:none;background-color:#f8fafc;padding-left:0;margin-top:4px;margin-bottom:4px;max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out,padding-top 0.4s ease-in-out,padding-bottom 0.4s ease-in-out;}.mobile-nav .nav-item.dropdown.open > .dropdown-menu{display:block;max-height:500px;padding-top:8px;padding-bottom:8px;}.mobile-nav .dropdown-menu .nav-link{padding:12px 25px 12px 55px;font-size:0.875rem;color:#64748b !important;}.mobile-nav .dropdown-menu .nav-link:hover{background-color:#e2e8f0;color:#1e293b !important;}.mobile-nav .dropdown-menu .nav-link.active{color:var(--green-600) !important;background-color:#f0fdf4;font-weight:600;}.mobile-nav .dropdown-menu .nav-link.active i{color:var(--green-600) !important;}.mobile-nav .dropdown-menu .nav-link i{margin-right:8px;}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.animate{animation:fadeIn 0.8s ease forwards;}.delay-1{animation-delay:0.2s;}.delay-2{animation-delay:0.4s;}.delay-3{animation-delay:0.6s;}.delay-4{animation-delay:0.8s;}@media (min-width:993px){.mobile-nav{display:none !important;}}.navbar-center .nav-link,.navbar-right .nav-link{font-size:0.85rem;position:relative;overflow:hidden;}.navbar-center .nav-link.active,.navbar-right .nav-link.active{background-color:transparent;color:#16a34a;font-weight:600;text-shadow:0 0 8px rgba(22,163,74,0.3);}.navbar-center .nav-link.active i,.navbar-center .nav-link.active svg,.navbar-right .nav-link.active i,.navbar-right .nav-link.active svg{filter:drop-shadow(0 0 4px rgba(22,163,74,0.4));}.navbar-center .nav-link:hover,.navbar-right .nav-link:hover{transform:translateY(-2px);}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all 0.2s ease;font-size:1.125rem;padding:0;margin:0;background:none;border:none;}.notification-bell:hover{color:var(--green-600);transform:scale(1.15) rotate(10deg);}.notification-bell:active{transform:scale(0.95);}.notification-bell i{font-size:inherit;}.notification-badge{position:absolute;top:-6px;right:-8px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;font-size:0.625rem;font-weight:800;padding:0.2rem 0.4rem;border-radius:12px;min-width:18px;text-align:center;line-height:1;box-shadow:0 4px 12px rgba(239,68,68,0.4);animation:pulseBadge 2s ease-in-out infinite;border:2px solid white;}@keyframes pulseBadge{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.15);opacity:0.8;}}.notification-panel{position:absolute;top:calc(100% + 0.75rem);right:-20px;width:420px;max-height:600px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.15);z-index:9999;display:none;overflow:hidden;transition:all 0.3s ease;}.notification-panel.show{display:block;animation:slideDownNotif 0.35s cubic-bezier(0.34,1.56,0.64,1);}.notification-panel::before{content:'';position:absolute;top:-9px;right:32px;width:16px;height:16px;background:rgba(255,255,255,0.95);border-left:1px solid rgba(255,255,255,0.3);border-top:1px solid rgba(255,255,255,0.3);transform:rotate(45deg);z-index:1;}.notification-panel::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,0.2),transparent);}@media (max-width:768px){.notification-panel{position:fixed;top:60px !important;right:10px !important;left:10px !important;width:auto !important;max-width:none !important;max-height:calc(100vh - 80px);border-radius:8px;}.notification-panel::before{display:none;}.notification-list{max-height:calc(100vh - 140px) !important;}.notification-item{padding:1rem;}.notification-content{gap:0.5rem;}.notification-icon{width:32px;height:32px;font-size:0.875rem;}.notification-title{font-size:0.8125rem;}.notification-message{font-size:0.75rem;}.notification-time{font-size:0.6875rem;}}@media (max-width:480px){.notification-panel{right:5px !important;left:5px !important;}}@keyframes slideDownNotif{from{opacity:0;transform:translateY(-16px);filter:blur(8px);}to{opacity:1;transform:translateY(0);filter:blur(0);}}@keyframes slideInNotifItem{from{opacity:0;transform:translateY(-8px);height:0;}to{opacity:1;transform:translateY(0);height:auto;}}@keyframes slideOutNotifItem{from{opacity:1;transform:translateX(0);height:auto;}to{opacity:0;transform:translateX(100%);height:0;}}.notification-header{background:linear-gradient(135deg,var(--green-600) 0%,var(--green-700) 100%);color:white;padding:1.125rem 1.25rem;font-weight:700;font-size:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.15);position:relative;gap:1rem;}.notification-header > span{display:flex;align-items:center;gap:0.5rem;}.notification-header > span > i{font-size:1.125rem;}.notification-actions{display:flex;gap:0.4rem;align-items:center;}.notification-actions button{background:rgba(255,255,255,0.15);color:white;border:none;padding:0.4rem 0.7rem;border-radius:8px;font-size:0.8rem;cursor:pointer;transition:all 0.2s ease;font-weight:600;display:flex;align-items:center;gap:0.3rem;backdrop-filter:blur(4px);}.notification-actions button:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.notification-actions button:active{transform:translateY(0);}.notification-list{max-height:480px;overflow-y:auto;overflow-x:hidden;}.notification-list::-webkit-scrollbar{width:6px;}.notification-list::-webkit-scrollbar-track{background:transparent;}.notification-list::-webkit-scrollbar-thumb{background:rgba(16,185,129,0.3);border-radius:3px;}.notification-list::-webkit-scrollbar-thumb:hover{background:rgba(16,185,129,0.5);}.notification-item{padding:1rem 1.25rem;border-bottom:1px solid rgba(241,245,249,0.6);cursor:pointer;transition:all 0.2s ease;position:relative;animation:slideInNotifItem 0.3s ease;}.notification-item.removing{animation:slideOutNotifItem 0.3s ease forwards;}.notification-item:hover{background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(16,185,129,0.04));}.notification-item.unread{background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(16,185,129,0.06));border-left:3px solid var(--green-600);padding-left:calc(1.25rem - 3px);}.notification-item.unread:hover{background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(16,185,129,0.08));}.notification-content{display:flex;gap:0.875rem;align-items:flex-start;}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;min-width:40px;}.notification-icon.success{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669;box-shadow:0 4px 12px rgba(16,185,129,0.15);}.notification-icon.info{background:linear-gradient(135deg,#dbeafe,#cffafe);color:#0369a1;box-shadow:0 4px 12px rgba(3,105,161,0.15);}.notification-icon.warning{background:linear-gradient(135deg,#fed7aa,#fdedd5);color:#d97706;box-shadow:0 4px 12px rgba(217,119,6,0.15);}.notification-body{flex:1;}.notification-title{font-weight:700;font-size:0.9375rem;color:#0f172a;margin-bottom:0.25rem;}.notification-message{font-size:0.8125rem;color:#64748b;margin-bottom:0.375rem;line-height:1.4;word-break:break-word;}.notification-time{font-size:0.75rem;color:#94a3b8;}.notification-actions-item{display:flex;gap:0.4rem;margin-top:0.5rem;}.notification-actions-item button{padding:0.3rem 0.6rem;font-size:0.7rem;border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-weight:600;display:flex;align-items:center;gap:0.3rem;background:none;}.notification-actions-item .read-btn{background:rgba(16,185,129,0.1);color:var(--green-600);}.notification-actions-item .read-btn:hover{background:rgba(16,185,129,0.2);}.notification-actions-item .delete-btn{background:rgba(239,68,68,0.1);color:#ef4444;}.notification-actions-item .delete-btn:hover{background:rgba(239,68,68,0.2);}.notification-empty{padding:3.5rem 2rem;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;}.notification-empty i{font-size:4rem;margin-bottom:1rem;opacity:0.3;}.notification-empty p{font-size:0.9375rem;font-weight:500;}.toast-notification{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:0.5rem;font-weight:500;z-index:10000;max-width:400px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);animation:slideInNotification 0.3s ease;display:flex;align-items:center;gap:0.75rem;}.toast-notification.success{background:#16a34a;color:white;border-left:4px solid #15803d;}.toast-notification.error,.toast-notification.danger{background:#ef4444;color:white;border-left:4px solid #dc2626;}.toast-notification.warning{background:#f59e0b;color:white;border-left:4px solid #d97706;}.toast-notification.info{background:#3b82f6;color:white;border-left:4px solid #2563eb;}@keyframes slideInNotification{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@media (max-width:768px){.toast-notification{top:1rem;right:1rem;left:1rem;max-width:none;}}.site-container{display:contents !important;}.main-content{min-height:calc(100vh - 64px);background:#f8fafc;}#tz-header{position:fixed;top:0;left:0;right:0;height:64px;background:#ffffff;border-bottom:0.5px solid #000000;box-shadow:0 1px 3px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0;}.tz-header-inner{display:flex;align-items:center;width:100%;height:100%;padding:0 1.5rem;gap:0;}.tz-header-left{display:flex;align-items:center;gap:0.75rem;flex-shrink:0;padding-right:1rem;}.tz-sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:background 0.2s,color 0.2s;padding:0;flex-shrink:0;}.tz-sidebar-toggle-btn:hover{background:#f1f5f9;color:#0f172a;}.tz-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:#0f172a;font-weight:700;font-size:1.2rem;letter-spacing:-0.02em;white-space:nowrap;}.tz-logo img{border-radius:8px;}.tz-header-center{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 1rem;}@media (max-width:768px){.tz-header-center{display:none !important;}.tz-header-right{margin-left:auto;padding-right:0.25rem;}}.tz-header-links{list-style:none;display:flex;align-items:center;justify-content:center;gap:2.1rem;padding:0;margin:0;flex-wrap:nowrap;}.tz-header-links li{flex-shrink:0;}.tz-header-link{display:inline-flex;align-items:center;justify-content:center;gap:0.65rem;padding:0.5rem 0;color:#000000;font-size:0.94rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color 0.2s ease,opacity 0.2s ease;}.tz-header-link svg{width:16px;height:16px;flex-shrink:0;stroke-width:2.2;}.tz-header-link:hover{color:#000000;opacity:0.75;}.tz-header-link.active{color:#16a34a;font-weight:600;}.tz-auto-group{margin:1px 0;}.tz-auto-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 16px);padding:9px 12px;margin:3px 8px;border-radius:8px;background:none;border:1px solid transparent;cursor:pointer;color:#475569;font-size:0.8125rem;font-weight:500;transition:all 0.2s ease;font-family:inherit;text-align:left;box-sizing:border-box;}.tz-auto-toggle:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;}.tz-auto-toggle-left{display:flex;align-items:center;gap:10px;}.tz-auto-toggle-left svg{width:18px;height:18px;flex-shrink:0;}.tz-auto-arrow{width:12px !important;height:12px !important;flex-shrink:0;transition:transform 0.2s;color:#94a3b8;margin-left:auto;}.tz-auto-group.expanded > .tz-auto-toggle{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;font-weight:600;}.tz-auto-group.expanded > .tz-auto-toggle .tz-auto-arrow{transform:rotate(90deg);color:#16a34a;}.tz-auto-submenu{max-height:0;overflow:hidden;transition:max-height 0.28s ease;margin-left:24px;border-left:2px solid #e2e8f0;padding-left:6px;display:flex;flex-direction:column;gap:5px;margin-top:6px;margin-bottom:6px;}.tz-auto-group.expanded > .tz-auto-submenu{max-height:500px;}.tz-auto-sub-item{display:flex;align-items:center;gap:8px;padding:7px 10px;margin:3px 8px 3px 0;border-radius:6px;color:#64748b;text-decoration:none;font-size:0.75rem;font-weight:500;transition:all 0.15s ease;border:1px solid transparent;box-sizing:border-box;}.tz-auto-sub-item svg{width:13px;height:13px;flex-shrink:0;stroke-width:2;}.tz-auto-sub-item:hover{background:#f8fafc;color:#16a34a;border-color:#cbd5e1;}.tz-auto-sub-item.active{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;font-weight:600;}.tz-auto-sub-item.active svg{stroke:#16a34a;}.tz-collapsed .tz-auto-toggle{justify-content:center;width:calc(100% - 8px);padding:9px;margin:3px 4px;}.tz-collapsed .tz-auto-toggle-left span{display:none;}.tz-collapsed .tz-auto-arrow{display:none;}.tz-collapsed .tz-auto-submenu{max-height:0 !important;}.tz-ico-stock{color:#16a34a;}.tz-ico-earn{color:#7c3aed;}.tz-ico-sport{color:#ea580c;}.tz-ico-jobs{color:#f59e0b;}.tz-header-right{display:flex;align-items:center;gap:0.375rem;flex-shrink:0;padding-left:0.5rem;}.tz-header-sep{width:1px;height:24px;background:#e2e8f0;margin:0 0.375rem;flex-shrink:0;}.tz-notif-wrapper{position:relative;}.notification-bell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:background 0.2s,color 0.2s;padding:0;flex-shrink:0;font-size:1rem;position:relative;}.notification-bell:hover{background:#f1f5f9;color:#0f172a;}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:#ef4444;color:#fff;border-radius:8px;font-size:0.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid #fff;}.tz-user-btn{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 0.5rem;border-radius:8px;text-decoration:none;color:#374151;font-size:0.875rem;font-weight:500;transition:background 0.2s;white-space:nowrap;}.tz-user-btn:hover{background:#f1f5f9;color:#0f172a;}.tz-user-name{font-size:0.875rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@media (max-width:900px){.tz-user-name{display:none !important;}}.tz-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8125rem;font-weight:700;flex-shrink:0;}.tz-header-logout{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:#94a3b8;text-decoration:none;transition:background 0.2s,color 0.2s;flex-shrink:0;}.tz-header-logout:hover{background:#fef2f2;color:#ef4444;}.tz-btn-signin{padding:0.375rem 0.875rem;border-radius:8px;border:1.5px solid #e2e8f0;color:#374151;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.2s;white-space:nowrap;}.tz-btn-signin:hover{border-color:#22c55e;color:#16a34a;background:#f0fdf4;}.tz-btn-start{padding:0.375rem 0.875rem;border-radius:8px;background:#16a34a;color:#fff !important;text-decoration:none;font-size:0.875rem;font-weight:600;transition:all 0.2s;white-space:nowrap;}.tz-btn-start:hover{background:#15803d;}#tz-sidebar{position:fixed;left:0;top:64px;height:calc(100vh - 64px);width:240px;background:#ffffff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px rgba(0,0,0,0.04);z-index:500;display:flex;flex-direction:column;transition:width 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s ease;overflow:hidden;}#tz-sidebar.tz-collapsed{width:64px;}#tz-sidebar .tz-sidebar-nav{flex:1;padding:8px 0;overflow-y:auto;overflow-x:hidden;position:relative;}#tz-sidebar .tz-sidebar-nav::-webkit-scrollbar{width:4px;}#tz-sidebar .tz-sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;}.tz-sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:3px 8px;border-radius:8px;color:#475569;text-decoration:none;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;white-space:nowrap;position:relative;background:none;border:1px solid transparent;width:calc(100% - 16px);text-align:left;box-sizing:border-box;}.tz-sidebar-item:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;}.tz-sidebar-item.active{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;font-weight:600;}.tz-sidebar-item.active .tz-sidebar-icon{color:#16a34a;}.tz-sidebar-item.active::before{content:'';position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:22px;background:#16a34a;border-radius:99px;}.tz-sidebar-icon{flex-shrink:0;width:20px;height:20px;color:#94a3b8;transition:color 0.2s;}.tz-sidebar-item:hover .tz-sidebar-icon{color:#475569;}.tz-sidebar-text{flex:1;transition:opacity 0.2s;font-size:0.875rem;}.tz-collapsed .tz-sidebar-text,.tz-collapsed .tz-sidebar-section-label,.tz-collapsed .tz-sidebar-divider,.tz-collapsed .tz-soon-badge,.tz-collapsed .tz-new-badge{display:none !important;}#tz-sidebar.tz-collapsed .tz-sidebar-nav{padding-top:44px;}.tz-collapsed .tz-sidebar-item{justify-content:center;padding:9px;margin:3px 4px;width:calc(100% - 8px);}.tz-collapsed .tz-sidebar-item.active::before{display:none !important;}.tz-sidebar-section-label{padding:8px 16px 4px;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;white-space:nowrap;}.tz-sidebar-divider{margin:8px 12px;border-top:1px solid #f1f5f9;}.tz-soon-badge{padding:1px 5px;font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;background:#f1f5f9;color:#94a3b8;border-radius:4px;margin-left:auto;}.tz-new-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:999px;white-space:nowrap;}.tz-sidebar-item .tz-new-badge{margin-left:auto;}.tz-auto-toggle-left .tz-new-badge{margin-left:0.35rem;}.tz-sidebar-item.tz-coming-soon{opacity:0.55;cursor:default;}.tz-sidebar-item.tz-coming-soon:hover{background:none !important;color:#475569 !important;}.tz-collapse-btn{position:absolute;top:14px;right:8px;left:auto;width:32px;height:32px;margin:0;padding:0;justify-content:center;border-radius:8px;z-index:2;transform:none;}#tz-sidebar.tz-collapsed .tz-collapse-btn{left:4px !important;right:4px !important;width:calc(100% - 8px) !important;transform:none !important;margin:0 !important;padding:9px !important;box-sizing:border-box !important;}.tz-collapse-btn .tz-collapse-icon{margin-left:0;}.tz-collapse-icon{transition:transform 0.3s ease;}.tz-collapsed .tz-collapse-icon{transform:rotate(180deg);}.tz-sidebar-footer{padding:12px 8px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;}.tz-powered-ai-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 6px 10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(22,163,74,0.12) 0%,rgba(34,197,94,0.08) 100%);border:1px solid rgba(22,163,74,0.35);color:#16a34a;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 1px rgba(22,163,74,0.08),0 2px 8px rgba(22,163,74,0.15),0 0 16px rgba(22,163,74,0.1);transition:box-shadow 0.3s ease;}.tz-powered-ai-badge:hover{box-shadow:0 0 0 1px rgba(22,163,74,0.15),0 4px 12px rgba(22,163,74,0.25),0 0 28px rgba(22,163,74,0.18);}.tz-ai-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#22c55e;box-shadow:0 0 0 2px rgba(22,163,74,0.2),0 0 8px rgba(34,197,94,0.7);animation:tz-ai-pulse 2.2s ease-in-out infinite;}@keyframes tz-ai-pulse{0%,100%{box-shadow:0 0 0 2px rgba(22,163,74,0.2),0 0 6px rgba(34,197,94,0.6);}50%{box-shadow:0 0 0 3px rgba(22,163,74,0.1),0 0 12px rgba(34,197,94,0.9);}}.tz-ai-sparkle{font-size:0.75rem;line-height:1;}.tz-collapsed .tz-powered-ai-badge{padding:7px;border-radius:50%;width:34px;height:34px;justify-content:center;margin:4px auto 10px;font-size:0;gap:0;letter-spacing:0;}.tz-collapsed .tz-powered-ai-badge .tz-ai-dot{width:10px;height:10px;}.tz-collapsed .tz-powered-ai-badge .tz-ai-sparkle{display:none;}.tz-sidebar-footer-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#64748b;text-decoration:none;font-size:0.8125rem;transition:all 0.2s;white-space:nowrap;}.tz-sidebar-footer-item:hover{background:#f8fafc;color:#0f172a;}.tz-collapsed .tz-sidebar-footer-item{justify-content:center;}.tz-collapsed .tz-sidebar-footer-item span{display:none !important;}.tz-sidebar-item .tz-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;font-size:0.75rem;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.tz-collapsed .tz-sidebar-item:hover .tz-tooltip{opacity:1;}#tz-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:499;backdrop-filter:blur(2px);}#tz-sidebar-overlay.active{display:block;}@media (max-width:1023px){#tz-sidebar{transform:translateX(-100%);width:240px !important;z-index:999;}#tz-sidebar.tz-mobile-open{transform:translateX(0);}#tz-sidebar.tz-collapsed{width:240px !important;transform:translateX(-100%);}#tz-sidebar.tz-collapsed.tz-mobile-open{transform:translateX(0);}}#tz-layout-row{flex:1;display:flex;padding-top:64px;min-height:0;}#tz-main-wrapper{padding-top:0;margin-left:0;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;}@media (min-width:1024px){#tz-sidebar{position:sticky;top:64px;flex-shrink:0;align-self:flex-start;}.tz-header-inner{padding:0 3.5rem;}}@media (max-width:1023px){#tz-layout-row{display:block;padding-top:0;}#tz-main-wrapper{padding-top:64px;}#tz-sidebar{position:fixed;}}@media (min-width:1024px){.tz-sidebar-toggle-btn{display:none !important;}}@media (max-width:1023px){.tz-collapse-btn{display:none !important;}}#tz-main-wrapper .main-content{flex:1;min-width:0;overflow-x:hidden;}#tz-footer{background:#1e293b;border-top:1px solid #334155;padding:2rem 1.5rem 1.25rem;color:#94a3b8;}.tz-footer-top{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto 1.5rem;}.tz-footer-brand{flex:1;min-width:200px;}.tz-footer-brand-link{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:#f1f5f9;font-weight:700;font-size:1.05rem;margin-bottom:0.5rem;}.tz-footer-brand-link img{border-radius:6px;}.tz-footer-brand p{font-size:0.8125rem;line-height:1.5;color:#94a3b8;}.tz-footer-address{margin-top:0.75rem;font-size:0.76rem;line-height:1.55;color:#cbd5e1;}.tz-footer-links-group{flex:1;min-width:120px;}.tz-footer-links-group h4{font-size:0.8125rem;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem;}.tz-footer-links-group ul{list-style:none;padding:0;margin:0;}.tz-footer-links-group li{margin-bottom:0.4rem;}.tz-footer-links-group a{font-size:0.8125rem;color:#94a3b8;text-decoration:none;transition:color 0.2s;}.tz-footer-links-group a:hover{color:#22c55e;}.tz-footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid #334155;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;}.tz-footer-bottom p{font-size:0.8125rem;color:#94a3b8;}.tz-footer-social{display:flex;gap:0.5rem;align-items:center;}.tz-footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#334155;color:#94a3b8;text-decoration:none;transition:all 0.2s;}.tz-footer-social a:hover{background:#22c55e;color:#fff;}.flash-messages-container{position:fixed;top:72px;right:1rem;z-index:2000;max-width:400px;width:calc(100vw - 2rem);}.navbar{display:none !important;}.mobile-menu-overlay{display:none !important;}.stock-analysis-page-layout{display:block !important;}.stock-sidebar{display:none !important;}