body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.products-header{margin-bottom:48px;text-align:center}.header-badge{background:#64e8ff26;border:1px solid #64e8ff66;border-radius:40px;color:#64e8ff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:6px 14px}.gradient-text{background:linear-gradient(135deg,#64e8ff,#a875ff,#68f5a1);-webkit-background-clip:text;background-clip:text;color:#0000}.products-header h1{font-size:48px;line-height:1.2;margin:0 0 16px}.header-subtitle{color:#aebde6;font-size:16px;margin:0 auto 24px;max-width:700px}.mode-showcase{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.mode-chip{border-radius:40px;font-size:13px;font-weight:600;padding:8px 18px}.mode-chip.sim{background:#64e8ff26;border:1px solid #64e8ff;color:#64e8ff}.mode-chip.live{background:#68f5a126;border:1px solid #68f5a1;color:#68f5a1}.mode-chip.decision{background:#a875ff26;border:1px solid #a875ff;color:#a875ff}.mode-chip.report{background:#ffd86b26;border:1px solid #ffd86b;color:#ffd86b}.header-quote{color:#aebde6;font-size:14px;font-style:italic;letter-spacing:.3px;margin-top:16px}@media (max-width:768px){.products-header h1{font-size:32px}.mode-chip{font-size:11px;padding:6px 12px}.app{flex-direction:column}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08112dfa;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.sidebar.open{left:0}.menu-toggle{background:#64e8ff33;border:1px solid #64e8ff;border-radius:12px;cursor:pointer;display:block;font-size:20px;left:15px;padding:10px;position:fixed;top:15px;z-index:1001}.main-content{margin-left:0;padding:60px 12px 80px}.welcome-section h1{font-size:24px}.welcome-section p{font-size:14px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:28px}.stat-icon{font-size:24px}.products-grid{gap:16px;grid-template-columns:1fr}.product-card{padding:16px}.product-icon{font-size:36px}.product-card h3{font-size:18px}.product-card p{font-size:13px}.mode-buttons{flex-wrap:wrap}.mode-btn{flex:1 1;font-size:11px;min-width:80px;padding:8px 12px}.sessions-page h1{font-size:24px}.session-card{padding:14px}.session-header{align-items:flex-start;flex-direction:column}.session-icon{font-size:28px}.session-info h3{font-size:16px}.session-stats{gap:8px;grid-template-columns:repeat(3,1fr)}.stat .stat-value{font-size:18px}.profile-page h1{font-size:24px}.profile-card{padding:20px}.avatar-large{font-size:60px}.info-row p{font-size:14px}.products-header h1{font-size:28px}.header-subtitle{font-size:13px}.mode-showcase{gap:8px}.mode-chip{font-size:11px;padding:6px 12px}.product-detail-header h1{font-size:24px}.product-tabs{flex-wrap:wrap}.product-tabs button{flex:1 1;font-size:12px;padding:10px 16px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08112df2;border-top:1px solid #64e8ff33;bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 16px;position:fixed;right:0;z-index:100}.mobile-bottom-nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#aebde6;cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:4px;padding:8px;transition:all .2s}.mobile-bottom-nav button.active{background:#64e8ff1a;color:#64e8ff}.mobile-bottom-nav .nav-icon{font-size:20px}.sidebar-footer{display:none}.toast{bottom:70px;font-size:12px}}.product-description-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute}.modal-content{background:linear-gradient(135deg,#0d1634fa,#08112dfa);border:1px solid #64e8ff4d;border-radius:32px;max-height:85vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%;z-index:2001}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px}.product-desc-header{margin-bottom:24px;text-align:center}.product-desc-icon{align-items:center;border-radius:40px;display:flex;font-size:44px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.product-desc-header h2{font-size:28px;margin-bottom:8px}.product-tagline{color:#aebde6;color:var(--muted);font-size:14px}.desc-section{margin-bottom:24px}.desc-section h3{color:#64e8ff;color:var(--cyan);font-size:16px;margin-bottom:12px}.desc-section p{color:#aebde6;color:var(--muted);font-size:14px;line-height:1.6}.feature-list{list-style:none;padding:0}.feature-list li{border-bottom:1px solid #ffffff0d;color:#eef5ff;color:var(--text);font-size:14px;padding:8px 0}.buyer-tags{display:flex;flex-wrap:wrap;gap:8px}.buyer-tag{border:1px solid;border-radius:20px;color:#aebde6;color:var(--muted);font-size:12px;padding:6px 12px}.mode-tags{display:flex;flex-wrap:wrap;gap:8px}.mode-tag{border-radius:20px;font-size:11px;font-weight:600;padding:6px 12px}.mode-tag.sim{background:#64e8ff26;border:1px solid #64e8ff;border:1px solid var(--cyan);color:#64e8ff;color:var(--cyan)}.mode-tag.live{background:#68f5a126;border:1px solid #68f5a1;border:1px solid var(--green);color:#68f5a1;color:var(--green)}.mode-tag.decision{background:#a875ff26;border:1px solid #a875ff;border:1px solid var(--violet);color:#a875ff;color:var(--violet)}.mode-tag.report{background:#ffd86b26;border:1px solid #ffd86b;border:1px solid var(--yellow);color:#ffd86b;color:var(--yellow)}.usp-text{background:#64e8ff0d;border-left:3px solid #64e8ff;border-left:3px solid var(--cyan);border-radius:16px;padding:16px}.modal-footer{margin-top:24px;text-align:center}.btn-start{background:linear-gradient(135deg,#64e8ff,#a875ff);background:linear-gradient(135deg,var(--cyan),var(--violet));border:none;border-radius:28px;color:#031128;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:transform .2s}.btn-start:hover{transform:scale(1.02)}@media (max-width:768px){.modal-content{max-height:90vh;padding:20px}.product-desc-header h2{font-size:22px}.product-desc-icon{font-size:32px;height:60px;width:60px}}.welcome-subtitle{color:#aebde6;color:var(--muted);font-size:16px;line-height:1.5;margin-top:8px}.welcome-subtitle strong{color:#64e8ff;color:var(--cyan)}.mode-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.mode-pill{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.mode-pill.sim{background:#64e8ff26;border:1px solid #64e8ff;border:1px solid var(--cyan);color:#64e8ff;color:var(--cyan)}.mode-pill.live{background:#68f5a126;border:1px solid #68f5a1;border:1px solid var(--green);color:#68f5a1;color:var(--green)}.mode-pill.decision{background:#a875ff26;border:1px solid #a875ff;border:1px solid var(--violet);color:#a875ff;color:var(--violet)}.stat-description{color:#aebde6;color:var(--muted);font-size:10px;margin-top:6px}.quick-actions{margin:32px 0}.quick-actions h3{font-size:18px;margin-bottom:16px}.action-buttons{gap:12px}.action-btn{border-radius:16px;flex:1 1;font-size:14px;font-weight:700;padding:14px 20px;text-align:center;transition:all .2s}.action-btn.sim-mode{background:linear-gradient(135deg,#64e8ff,#6c8cff);background:linear-gradient(135deg,var(--cyan),#6c8cff);color:#031128}.action-btn.live-mode{background:linear-gradient(135deg,#68f5a1,#64e8ff);background:linear-gradient(135deg,var(--green),var(--cyan));color:#031128}.action-btn.decision-mode{background:linear-gradient(135deg,#a875ff,#64e8ff);background:linear-gradient(135deg,var(--violet),var(--cyan));color:#031128}.session-stats-mini{color:#aebde6;color:var(--muted);display:flex;font-size:12px;gap:16px}@media (max-width:768px){.action-buttons{flex-direction:column}.mode-pills{justify-content:center}.session-stats-mini{flex-wrap:wrap;gap:8px}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex}}:root{--bg:#050816;--bg2:#08112d;--panel:#0d1634c7;--line:#92aeff38;--text:#eef5ff;--muted:#aebde6;--cyan:#64e8ff;--green:#68f5a1;--yellow:#ffd86b;--violet:#a875ff;--red:#ff5d7d}body{color:#eef5ff;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.loading-container,body{background:#050816;background:var(--bg)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #92aeff38;border-top-color:#64e8ff;border:3px solid var(--line);border-radius:50%;border-top-color:var(--cyan);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.login-container{align-items:center;background:radial-gradient(circle at 20% 30%,#64e8ff1a,#0000 50%);display:flex;justify-content:center;min-height:100vh;position:relative}.stars{background-image:radial-gradient(circle,#fff 1px,#0000 1.2px);background-size:95px 95px;inset:0;opacity:.14;pointer-events:none;position:fixed}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:32px;max-width:420px;padding:48px;text-align:center;width:100%;z-index:2}.login-logo{font-size:64px;margin-bottom:16px}.login-card h1{background:linear-gradient(135deg,#64e8ff,#68f5a1);background:linear-gradient(135deg,var(--cyan),var(--green));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;margin-bottom:8px}.login-card h2{color:#aebde6;color:var(--muted);font-size:18px;margin-bottom:32px}.login-card input{background:#ffffff0d;border:1px solid #92aeff38;border:1px solid var(--line);border-radius:16px;color:#eef5ff;color:var(--text);font-size:14px;margin:10px 0;padding:14px;width:100%}.login-card button{background:linear-gradient(135deg,#64e8ff,#a875ff);background:linear-gradient(135deg,var(--cyan),var(--violet));border:none;border-radius:16px;color:#031128;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px;transition:transform .2s;width:100%}.login-card button:hover:not(:disabled){transform:translateY(-2px)}.error-message{background:#ff5d7d33;border:1px solid #ff5d7d;border:1px solid var(--red);border-radius:12px;color:#ff5d7d;color:var(--red);font-size:14px;margin-bottom:16px;padding:10px}.demo-credentials{background:#ffffff08;border-radius:12px;margin-top:24px;padding:12px}.app{display:flex;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1634c7;background:var(--panel);border-right:1px solid #92aeff38;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;position:fixed;width:280px}.sidebar-header{border-bottom:1px solid #92aeff38;border-bottom:1px solid var(--line);padding:30px 20px;text-align:center}.sidebar-header .logo{font-size:48px;margin-bottom:8px}.sidebar-header h2{color:#64e8ff;color:var(--cyan);font-size:20px}.sidebar-header p{color:#aebde6;color:var(--muted);font-size:11px}.sidebar-nav{flex:1 1;padding:20px}.sidebar-nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#eef5ff;color:var(--text);cursor:pointer;display:flex;gap:12px;margin:8px 0;padding:12px;transition:all .2s;width:100%}.sidebar-nav button:hover{background:#64e8ff1a}.sidebar-nav button.active{background:#64e8ff33;border-left:3px solid #64e8ff;border-left:3px solid var(--cyan);color:#64e8ff;color:var(--cyan)}.nav-icon{font-size:20px}.nav-label{font-size:14px}.sidebar-footer{border-top:1px solid #92aeff38;border-top:1px solid var(--line);padding:20px}.user-info{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.user-avatar{font-size:32px}.user-details strong{display:block;font-size:13px}.user-details small{color:#aebde6;color:var(--muted);font-size:10px}.logout-btn{background:#ff5d7d33;border:1px solid #ff5d7d;border:1px solid var(--red);border-radius:12px;color:#ff5d7d;color:var(--red);cursor:pointer;padding:10px;width:100%}.main-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:30px}.dashboard,.products-page,.profile-page,.reports-page,.sessions-page{margin:0 auto;max-width:1400px}h1{font-size:32px;margin-bottom:8px}.page-subtitle{color:#aebde6;color:var(--muted);margin-bottom:32px}.welcome-section{margin-bottom:30px}.welcome-section p{color:#aebde6;color:var(--muted)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:30px 0}.stat-card{background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-icon{font-size:36px;margin-bottom:12px}.stat-value{font-size:42px;font-weight:700;margin-bottom:8px}.stat-label{color:#aebde6;color:var(--muted);font-size:14px}.quick-actions{margin:40px 0}.quick-actions h2{margin-bottom:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px}.action-btn{background:linear-gradient(135deg,#64e8ff,#a875ff);background:linear-gradient(135deg,var(--cyan),var(--violet));border:none;border-radius:12px;color:#031128;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s}.action-btn:hover{transform:translateY(-2px)}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.product-card{background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:24px;overflow:hidden;padding:24px;position:relative;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-glow{height:4px;left:0;position:absolute;right:0;top:0}.product-icon{font-size:48px;margin-bottom:16px}.product-card h3{font-size:24px;margin-bottom:12px}.product-card p{color:#aebde6;color:var(--muted);line-height:1.5;margin-bottom:16px}.product-features{margin:16px 0}.feature{color:#68f5a1;color:var(--green);font-size:13px;margin:8px 0}.product-meta{margin-top:20px}.status{border-radius:20px;font-size:12px;padding:6px 12px}.status.enabled{background:#68f5a133;color:#68f5a1;color:var(--green)}.status.disabled{background:#ff5d7d33;color:#ff5d7d;color:var(--red)}.start-btn{border:none;border-radius:12px;color:#031128;cursor:pointer;font-weight:600;padding:10px 20px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:20px;padding:20px}.session-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.session-icon{font-size:36px}.session-info h3{font-size:18px;margin-bottom:4px}.session-meta{color:#aebde6;color:var(--muted);display:flex;font-size:12px;gap:16px}.status-badge{border-radius:12px;font-size:11px;padding:2px 8px;text-transform:uppercase}.status-badge.completed{background:#68f5a133;color:#68f5a1;color:var(--green)}.status-badge.active{background:#64e8ff33;color:#64e8ff;color:var(--cyan)}.session-stats{grid-gap:16px;background:#ffffff08;border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:16px}.stat{text-align:center}.stat .stat-value{font-size:24px}.session-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 20px}.btn-primary{background:linear-gradient(135deg,#64e8ff,#a875ff);background:linear-gradient(135deg,var(--cyan),var(--violet));color:#031128}.btn-secondary{background:#ffffff1a;border:1px solid #92aeff38;border:1px solid var(--line);color:#eef5ff;color:var(--text)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:24px;margin-bottom:8px}.empty-state p{color:#aebde6;color:var(--muted)}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#08112d;background:var(--bg2);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:24px;max-width:400px;padding:32px;width:90%}.modal-content h3{margin-bottom:16px}.modal-content input{background:#ffffff0d;border:1px solid #92aeff38;border:1px solid var(--line);border-radius:12px;color:#eef5ff;color:var(--text);margin:8px 0 16px;padding:12px;width:100%}.modal-buttons{display:flex;gap:12px;margin-top:24px}.modal-buttons button{border:none;border-radius:12px;cursor:pointer;flex:1 1;padding:12px}.modal-buttons button.primary{background:linear-gradient(135deg,#64e8ff,#a875ff);background:linear-gradient(135deg,var(--cyan),var(--violet));color:#031128}.profile-card{background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:24px;margin-top:20px;max-width:600px;padding:32px}.profile-avatar{margin-bottom:24px;text-align:center}.avatar-large{font-size:80px}.info-row{border-bottom:1px solid #92aeff38;border-bottom:1px solid var(--line);padding:16px 0}.info-row label{color:#aebde6;color:var(--muted);display:block;font-size:12px;margin-bottom:4px}.info-row p{font-size:16px}.role-badge{background:#64e8ff33;border-radius:20px;color:#64e8ff;color:var(--cyan);display:inline-block;font-size:12px;padding:4px 12px}.stats-summary{margin-top:32px}.stats-grid-small{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px}.stat-small{background:#0d1634c7;background:var(--panel);border:1px solid #92aeff38;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.loading{color:#aebde6;color:var(--muted);padding:40px;text-align:center}@media (max-width:768px){.sidebar{width:80px}.nav-label,.sidebar-header h2,.sidebar-header p,.user-details{display:none}.main-content{margin-left:80px}.sidebar-nav button{justify-content:center}.products-grid,.stats-grid{grid-template-columns:1fr}}.live-data-hub{background:#0d163499;border-radius:24px;margin-top:20px}.mode-toggle-bar{border-bottom:1px solid #64e8ff33;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.mode-btn{background:#ffffff0d;border:1px solid #64e8ff4d;border-radius:12px;color:#aebde6;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.mode-btn.active{background:linear-gradient(135deg,#64e8ff,#a875ff);border-color:#0000;color:#031128}.mode-btn:hover:not(.active){background:#64e8ff1a;border-color:#64e8ff}.aoi-selector{background:#08112dcc;border:1px solid #64e8ff33;border-radius:16px;margin-bottom:20px;padding:16px}.aoi-selector h4{color:#64e8ff;margin:0 0 12px}.aoi-info{color:#aebde6;display:flex;font-size:13px;gap:20px}.alerts-section{margin-bottom:24px}.alerts-section h4{color:#ff5d7d;margin:0 0 12px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{background:#ffffff0d;border-left:4px solid;border-radius:12px;padding:14px}.alert-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.alert-icon{font-size:18px}.alert-title{flex:1 1;font-weight:600}.alert-severity{font-size:11px;font-weight:700}.alert-description{color:#aebde6;font-size:13px;margin-bottom:10px}.acknowledge-btn{background:#64e8ff1a;border:1px solid #64e8ff;border-radius:8px;color:#64e8ff;cursor:pointer;font-size:12px;padding:6px 12px}.sources-section{margin-bottom:24px}.sources-section h4{color:#68f5a1;margin:0 0 12px}.sources-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.source-card{background:#ffffff0d;border:1px solid #68f5a14d;border-radius:12px;padding:14px}.source-name{font-weight:600;margin-bottom:4px}.source-type{color:#68f5a1;font-size:11px;margin-bottom:4px}.source-provider{color:#aebde6;font-size:11px;margin-bottom:12px}.fetch-btn{background:#68f5a133;border:1px solid #68f5a1;border-radius:8px;color:#68f5a1;cursor:pointer;font-size:12px;padding:8px;width:100%}.fetch-btn:hover:not(:disabled){background:#68f5a166}.fetch-btn:disabled{cursor:not-allowed;opacity:.5}.observations-section h4{color:#64e8ff;margin:0 0 12px}.observations-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.observation-card{align-items:center;background:#ffffff08;border-radius:8px;display:flex;font-size:12px;justify-content:space-between;padding:10px 14px}.obs-time{color:#aebde6;font-size:11px}.obs-type{font-weight:600}.obs-confidence{color:#68f5a1}.loading-indicator{color:#64e8ff;padding:20px;text-align:center}.decision-mode-content{display:flex;flex-direction:column;gap:20px}.decision-mode-content h3{color:#a875ff;margin:0}.decision-card{background:#ffffff0d;border:1px solid #a875ff4d;border-radius:16px;padding:16px}.decision-card.urgent{background:#ff5d7d1a;border-color:#ff5d7d}.decision-card h4{color:#a875ff;margin:0 0 12px}.decision-card.urgent h4{color:#ff5d7d}.decision-card ul{margin:0;padding-left:20px}.decision-card li{color:#aebde6;margin:8px 0}.simulation-mode-content{padding:40px;text-align:center}.simulation-badge{background:#64e8ff33;border:1px solid #64e8ff;border-radius:20px;display:inline-block;font-weight:600;margin-bottom:20px;padding:8px 16px}.simulation-mode-content p{color:#aebde6;margin:10px 0}.product-detail-view{background:#050816;background:var(--bg);min-height:100vh;padding-top:70px;position:relative}.back-to-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64e8ff33;border:1px solid #64e8ff;border-radius:12px;color:#64e8ff;cursor:pointer;font-weight:600;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .2s ease;z-index:1000}.back-to-dashboard:hover{background:#64e8ff66;transform:translateY(-2px)}.product-detail-header{margin-top:20px;padding:20px;text-align:center}.product-detail-header h1{background:linear-gradient(135deg,#64e8ff,#a875ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;margin:0}.product-detail-header p{color:#aebde6;color:var(--muted);margin-top:8px}.product-tabs{border-bottom:1px solid #64e8ff33;display:flex;gap:16px;justify-content:center;margin:24px 0;padding-bottom:16px}.product-tabs button{background:#0000;border:none;border-radius:12px;color:#aebde6;color:var(--muted);cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.product-tabs button.tab-active{background:linear-gradient(135deg,#64e8ff,#a875ff);color:#031128}.product-tabs button:hover:not(.tab-active){background:#64e8ff1a;color:#64e8ff}.simulation-container{border-radius:16px;height:calc(100vh - 180px);overflow:hidden;width:100%}.simulation-iframe{border:none;border-radius:16px;height:100%;width:100%}.live-data-hub{max-height:calc(100vh - 180px);overflow-y:auto;padding:20px}@media (max-width:768px){.product-detail-view{padding-top:60px}.product-tabs{gap:8px}.product-tabs button{font-size:12px;padding:8px 16px}.product-detail-header h1{font-size:24px}.btn,.learn-more-btn,.mode-btn,.product-card,.session-card,.start-btn,.stat-card,button{cursor:pointer;min-height:44px}.product-card:active,.session-card:active,.stat-card:active{transform:scale(.98);transition:transform .05s ease}.main-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08112df2;border-top:1px solid #64e8ff26;box-shadow:0 -4px 20px #0000004d;padding:8px 20px 12px}.mobile-bottom-nav button{border-radius:12px;flex:1 1;padding:8px 0;transition:all .2s ease}.mobile-bottom-nav button.active{background:#64e8ff26;transform:translateY(-2px)}.mobile-bottom-nav .nav-icon{font-size:22px;margin-bottom:2px}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1634cc;border-radius:20px;box-shadow:0 2px 8px #0003;margin-bottom:12px;padding:18px;position:relative}.product-card:before{display:none}.mode-buttons{gap:8px;margin:12px 0}.mode-btn{border-radius:12px;font-size:11px;padding:10px 8px;text-align:center}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1634b3;border:1px solid #64e8ff26}.welcome-section h1{background:linear-gradient(135deg,#fff,#64e8ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:26px}.mode-pills{gap:8px}.mode-pill{font-size:11px;padding:6px 12px}.action-buttons{gap:10px}.action-btn{font-size:13px;padding:12px 16px}.session-card{border-radius:18px;padding:14px}.session-stats{gap:8px;grid-template-columns:repeat(3,1fr);padding:10px}.profile-card{border-radius:24px;padding:20px}.avatar-large{font-size:70px}.loading-spinner{height:40px;width:40px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08112df2;border-radius:30px;bottom:80px;font-size:13px;padding:10px 18px}}@media (min-width:768px) and (max-width:1024px){.products-grid{gap:16px}.products-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:20px 24px}.mode-buttons{flex-wrap:wrap}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){body{background:#000}.product-card,.session-card,.stat-card{background:#0a1223e6}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:768px){::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#64e8ff;border-radius:3px}}.product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.learn-more-btn{background:#ffffff14;border:1px solid #92aeff38;border:1px solid var(--line);border-radius:12px;color:#eef5ff;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.learn-more-btn:hover{background:#64e8ff26;border-color:#64e8ff;border-color:var(--cyan)}@media (max-width:768px){.product-meta{flex-direction:column}.learn-more-btn,.status{text-align:center;width:100%}.learn-more-btn{white-space:normal}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}@media (max-width:768px){.main-content{margin-left:0!important;padding:16px 16px 80px!important;width:100%!important}.sidebar{display:none!important}.app,body,html{overflow-x:hidden}.dashboard,.products-page,.profile-page,.sessions-page{max-width:100%;overflow-x:hidden;width:100%}.products-grid,.stats-grid{width:100%}.product-card{margin:0 0 16px;width:100%}}