*{box-sizing:border-box;margin:0;padding:0}:root{--HARVIS-primary:#00d4ff;--HARVIS-secondary:#09c;--HARVIS-accent:#66e0ff;--HARVIS-dark:#0a0a0a;--HARVIS-darker:#000;--HARVIS-light:#1a1a1a;--HARVIS-lighter:#2a2a2a;--HARVIS-text:#fff;--HARVIS-text-dim:#ccc;--HARVIS-success:#0f8;--HARVIS-warning:#fa0;--HARVIS-error:#f44;--HARVIS-gradient-primary:linear-gradient(135deg,#00d4ff,#09c);--HARVIS-gradient-dark:linear-gradient(135deg,#0a0a0a,#1a1a1a);--HARVIS-gradient-glow:radial-gradient(circle at center,#00d4ff4d 0%,#0000 70%);--HARVIS-shadow-glow:0 0 20px #00d4ff80;--HARVIS-shadow-soft:0 4px 20px #0000004d;--HARVIS-shadow-hard:0 8px 32px #00000080;--HARVIS-border:1px solid #00d4ff4d;--HARVIS-border-glow:1px solid #00d4ffcc;--HARVIS-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--HARVIS-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}body{background:#0a0a0a;background:var(--HARVIS-dark);color:#fff;color:var(--HARVIS-text);font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000;background:var(--HARVIS-darker)}::-webkit-scrollbar-thumb{background:#00d4ff;background:var(--HARVIS-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#66e0ff;background:var(--HARVIS-accent)}h1,h2,h3,h4,h5,h6{color:#00d4ff;color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-weight:700;text-shadow:0 0 10px #00d4ff4d}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.8rem}h3{font-size:1.5rem;margin-bottom:.6rem}p{color:#ccc;color:var(--HARVIS-text-dim);margin-bottom:1rem}.HARVIS-button{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--HARVIS-gradient-primary);border:none;border-radius:8px;color:#000;color:var(--HARVIS-darker);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--HARVIS-transition)}.HARVIS-button:hover{box-shadow:0 0 20px #00d4ff80;box-shadow:var(--HARVIS-shadow-glow);transform:translateY(-2px)}.HARVIS-button:active{transform:translateY(0)}.HARVIS-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.HARVIS-button-outline{background:#0000;border:1px solid #00d4ffcc;border:var(--HARVIS-border-glow);color:#00d4ff;color:var(--HARVIS-primary)}.HARVIS-button-outline:hover{background:#00d4ff1a}.HARVIS-button-danger{background:linear-gradient(135deg,#f44,#c00);color:#fff}.HARVIS-button-success{background:linear-gradient(135deg,#0f8,#0c6);color:#000;color:var(--HARVIS-darker)}.HARVIS-input{background:#1a1a1acc;border:1px solid #00d4ff4d;border:var(--HARVIS-border);border-radius:8px;color:#fff;color:var(--HARVIS-text);font-family:Rajdhani,sans-serif;font-size:16px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--HARVIS-transition);width:100%}.HARVIS-input:focus{border-color:#00d4ff;outline:none}.HARVIS-input::placeholder{color:#ccc;color:var(--HARVIS-text-dim)}.HARVIS-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #00d4ff4d;border:var(--HARVIS-border);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--HARVIS-transition)}.HARVIS-card:hover{box-shadow:0 4px 20px #0000004d;box-shadow:var(--HARVIS-shadow-soft)}.HARVIS-card-glow,.HARVIS-card:hover{border-color:#00d4ff;border-color:var(--HARVIS-primary)}.HARVIS-card-glow{box-shadow:0 0 20px #00d4ff80;box-shadow:var(--HARVIS-shadow-glow)}.HARVIS-loading{animation:HARVIS-spin 1s ease-in-out infinite;border:2px solid #00d4ff4d;border-radius:50%;border-top:2px solid var(--HARVIS-primary);display:inline-block;height:20px;width:20px}@keyframes HARVIS-spin{to{transform:rotate(1turn)}}.HARVIS-pulse{animation:HARVIS-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes HARVIS-pulse{0%,to{opacity:1}50%{opacity:.5}}.HARVIS-glow{animation:HARVIS-glow 2s ease-in-out infinite alternate}@keyframes HARVIS-glow{0%{text-shadow:0 0 10px #00d4ff80}to{text-shadow:0 0 20px #00d4ffcc,0 0 30px #00d4ff99}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.HARVIS-button{font-size:14px;padding:10px 20px}.HARVIS-card{padding:16px}}.HARVIS-interface-enter{opacity:0;transform:translateY(20px) scale(.95)}.HARVIS-interface-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.HARVIS-interface-enter-active,.HARVIS-interface-exit{opacity:1;transform:translateY(0) scale(1)}.HARVIS-interface-exit-active{opacity:0;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.HARVIS-hud{position:relative}.HARVIS-hud:before{border:2px solid #0000;border-image:linear-gradient(45deg,#00d4ff,#0000,#00d4ff) 1;border-image:linear-gradient(45deg,var(--HARVIS-primary),#0000,var(--HARVIS-primary)) 1;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.status-online{color:#0f8;color:var(--HARVIS-success)}.status-offline{color:#f44;color:var(--HARVIS-error)}.status-processing{color:#fa0;color:var(--HARVIS-warning)}.HARVIS-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:var(--HARVIS-border);height:70px;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.HARVIS-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.sidebar-toggle{align-items:center;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:auto;padding:.5rem;width:40px}.header-brand{display:flex;flex-direction:column;gap:.25rem}.brand-title{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 20px #00d4ff80}.brand-subtitle{color:var(--HARVIS-text-dim);font-size:.75rem;letter-spacing:1px;margin-left:2px;text-transform:uppercase}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.session-indicator{align-items:center;animation:HARVIS-pulse 2s infinite;background:#00d4ff1a;border:var(--HARVIS-border-glow);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem}.session-status{font-size:.9rem}.session-id{font-size:.75rem}.status-dot{color:var(--HARVIS-success);font-size:.8rem}.header-right{align-items:center;display:flex;gap:1.5rem}.connection-status{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.5rem .75rem;text-transform:uppercase;transition:var(--HARVIS-transition)}.connection-status.online{background:#0f83;border:1px solid #00ff884d;color:var(--HARVIS-success)}.connection-status.offline{background:#f443;border:1px solid #ff44444d;color:var(--HARVIS-error)}.connection-icon{font-size:1rem}.system-time{background:#00d4ff1a;border:var(--HARVIS-border);border-radius:6px;color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:.9rem;min-width:80px;padding:.5rem .75rem;text-align:center}@media (max-width:1024px){.HARVIS-header{padding:1rem}.header-right{gap:1rem}.system-time{display:none}}@media (max-width:768px){.HARVIS-header{padding:.75rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.7rem}.session-indicator{padding:.25rem .5rem}.session-status{font-size:.8rem}.session-id{font-size:.7rem}.connection-status{font-size:.8rem;padding:.25rem .5rem}.connection-status span{display:none}}@media (max-width:480px){.header-center{display:none}.header-right{gap:.5rem}}@keyframes session-glow{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff99,0 0 30px #00d4ff66}}.session-indicator{animation:session-glow 3s ease-in-out infinite}.HARVIS-header:before{animation:header-scan 8s linear infinite;background:linear-gradient(90deg,#0000,#00d4ff0d 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes header-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sidebar-toggle:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary)}.connection-status:hover{transform:translateY(-1px)}.system-time:hover{background:#00d4ff33;border-color:var(--HARVIS-primary)}.HARVIS-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-right:var(--HARVIS-border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:70px;transition:var(--HARVIS-transition);z-index:999}.HARVIS-sidebar.open{width:280px}.HARVIS-sidebar.closed{width:80px}.sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem 0}.sidebar-nav{margin-bottom:2rem}.nav-section{margin-bottom:1.5rem}.nav-title{color:var(--HARVIS-text-dim);font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem 1.5rem;text-transform:uppercase}.HARVIS-sidebar.closed .nav-title{display:none}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:.5rem}.nav-link{align-items:center;border-radius:0 25px 25px 0;color:var(--HARVIS-text-dim);display:flex;margin-right:1rem;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:var(--HARVIS-transition)}.nav-link:hover{background:#00d4ff1a;color:var(--HARVIS-primary);transform:translateX(5px)}.nav-link.active{background:#00d4ff33;border-right:3px solid var(--HARVIS-primary);box-shadow:0 0 20px #00d4ff4d;color:var(--HARVIS-primary)}.nav-link.active:before{background:var(--HARVIS-primary);bottom:0;box-shadow:0 0 10px var(--HARVIS-primary);content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{font-size:1.2rem;margin-right:1rem;min-width:24px}.HARVIS-sidebar.closed .nav-icon{margin-right:0}.nav-content{display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.9rem;font-weight:600}.nav-description{color:var(--HARVIS-text-dim);font-size:.75rem;opacity:.8}.HARVIS-sidebar.closed .nav-content{display:none}.sidebar-section{margin-bottom:2rem;padding:0 1rem}.HARVIS-sidebar.closed .sidebar-section{display:none}.section-title{color:var(--HARVIS-text-dim);font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem .5rem;text-transform:uppercase}.current-session-card{animation:HARVIS-pulse 3s infinite;background:#00d4ff1a;border:var(--HARVIS-border-glow);border-radius:8px;padding:1rem}.session-header{gap:.5rem}.session-status-icon{font-size:.8rem}.session-status-icon.active{animation:HARVIS-pulse 2s infinite;color:var(--HARVIS-success)}.session-title{font-size:.9rem}.session-details{gap:.5rem}.session-info{align-items:center;color:var(--HARVIS-text-dim);display:flex;font-size:.8rem;gap:.5rem}.info-icon{font-size:.75rem}.session-id-display{align-self:flex-start;background:#0000004d;border-radius:4px;color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:.75rem;padding:.25rem .5rem}.recent-sessions{display:flex;flex-direction:column;gap:.5rem}.recent-session-item{align-items:center;background:#1a1a1a80;border:var(--HARVIS-border);border-radius:6px;color:var(--HARVIS-text-dim);display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:var(--HARVIS-transition)}.recent-session-item:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary);color:var(--HARVIS-primary);transform:translateX(5px)}.session-icon{color:var(--HARVIS-primary);font-size:1rem;opacity:.7}.recent-session-item:hover .session-icon{opacity:1}.session-name{font-size:.85rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-date{font-size:.75rem;opacity:.7}.system-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{background:#1a1a1a80;border-radius:4px;justify-content:space-between;padding:.5rem}.stat-value{font-size:.9rem;font-weight:600}.sidebar-footer{background:#0000004d;border-top:var(--HARVIS-border);padding:1rem 1.5rem}.footer-content{align-items:center;display:flex;gap:.75rem}.footer-text{display:flex;flex-direction:column;gap:.25rem}.footer-title{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:.9rem;font-weight:700}.footer-subtitle{color:var(--HARVIS-text-dim);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.footer-icon{align-items:center;display:flex;justify-content:center;width:100%}.footer-icon .HARVIS-pulse{color:var(--HARVIS-primary);font-size:1.2rem}@media (max-width:1024px){.HARVIS-sidebar.closed,.HARVIS-sidebar.open{transform:translateX(-100%)}}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.nav-link:after{background:var(--HARVIS-primary);content:"";height:2px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:width .3s ease;width:0}.nav-link:hover:after{width:3px}.nav-link.active:after{box-shadow:0 0 10px var(--HARVIS-primary);width:3px}.HARVIS-sidebar.closed .nav-link{position:relative}.HARVIS-sidebar.closed .nav-link:before{background:#000000e6;border:1px solid #00d4ff4d;border-radius:4px;color:var(--HARVIS-primary);content:attr(data-tooltip);font-size:.875rem;left:100%;margin-left:10px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s;white-space:nowrap;z-index:1000}.HARVIS-sidebar.closed .nav-link:hover:before{opacity:1}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;font-family:Rajdhani,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.login-background{pointer-events:none}.login-background,.tech-grid{height:100%;left:0;position:absolute;top:0;width:100%}.tech-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00d4ff1a 1px,#0000 0),linear-gradient(90deg,#00d4ff1a 1px,#0000 0);background-size:50px 50px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{height:100%;left:0;position:absolute;top:0;width:100%}.particle{animation:float linear infinite;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff;height:4px;position:absolute;width:4px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.login-card{animation:cardGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border:2px solid #00d4ff4d;border-radius:20px;box-shadow:0 20px 40px #00000080,inset 0 1px 0 #ffffff1a;max-width:500px;padding:40px;position:relative;width:90%}@keyframes cardGlow{0%{box-shadow:0 20px 40px #00000080,inset 0 1px 0 #ffffff1a,0 0 20px #00d4ff1a}to{box-shadow:0 20px 40px #00000080,inset 0 1px 0 #ffffff1a,0 0 40px #00d4ff33}}.login-header{margin-bottom:30px;text-align:center}.harvis-logo{margin-bottom:20px}.arc-reactor,.harvis-logo{display:flex;justify-content:center}.arc-reactor{align-items:center;height:80px;position:relative;width:80px}.arc-core{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#0f8 0,#00d4ff 100%);border-radius:50%;box-shadow:0 0 20px #0f8,0 0 40px #00d4ff,inset 0 0 10px #ffffff4d;height:20px;width:20px}.arc-ring{animation:rotate 4s linear infinite;border:2px solid #00d4ff;border-radius:50%;height:50px;position:absolute;width:50px}.arc-ring-outer{animation:rotate 6s linear infinite reverse;border:1px solid #00d4ff80;border-radius:50%;height:70px;position:absolute;width:70px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-title{color:#00d4ff;font-size:3rem;font-weight:700;letter-spacing:4px;margin:0;text-shadow:0 0 20px #00d4ff80}.login-subtitle{color:#888;font-size:1.2rem;font-weight:300;letter-spacing:2px;margin:5px 0 0}.login-content{text-align:center}.login-description{color:#ccc;font-size:1.1rem;font-weight:300;line-height:1.6;margin-bottom:30px}.login-error{align-items:center;background:#ff44441a;border:1px solid #ff44444d;border-radius:10px;color:#f44;display:flex;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.error-icon{font-size:1.2rem}.login-button{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;color:#0a0a0a;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:30px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0f8,#00d4ff);box-shadow:0 10px 25px #00d4ff4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.login-icon{font-size:1.3rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0a0a0a4d;border-radius:50%;border-top-color:#0a0a0a;height:20px;width:20px}.login-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.feature-item{background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:8px;color:#ccc;font-size:.9rem;font-weight:400;gap:10px;padding:12px;transition:all .3s ease}.feature-item:hover{background:#00d4ff1a;border-color:#00d4ff33;transform:translateY(-1px)}.feature-icon{font-size:1.2rem}.login-footer{border-top:1px solid #00d4ff1a;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.9rem;font-weight:300;margin:0}@media (max-width:768px){.login-card{margin:20px;padding:30px 20px}.login-title{font-size:2.5rem}.arc-reactor{height:60px;width:60px}.arc-core{height:15px;width:15px}.arc-ring{height:40px;width:40px}.arc-ring-outer{height:55px;width:55px}.login-features{grid-template-columns:1fr}}@media (max-width:480px){.login-card{padding:25px 15px}.login-title{font-size:2rem;letter-spacing:2px}.login-button,.login-description{font-size:1rem}.login-button{padding:16px 20px}}.dashboard-container{margin:0 auto;max-width:1400px;padding:0}.dashboard-header{align-items:center;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.dashboard-header:before{background:var(--HARVIS-gradient-glow);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.welcome-section{flex:1 1}.welcome-title{-webkit-text-fill-color:#0000;background:var(--HARVIS-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.welcome-subtitle{color:var(--HARVIS-text-dim);font-size:1.1rem;line-height:1.6;max-width:600px}.quick-start-btn{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;padding:1rem 2rem}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.status-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;padding:1.5rem;transition:var(--HARVIS-transition)}.status-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft)}.status-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.status-icon{color:var(--HARVIS-primary);font-size:1.5rem}.status-header h3{font-size:1.2rem;margin:0}.status-content{flex-direction:column;gap:1rem}.system-services{display:flex;flex-direction:column;gap:.5rem}.service-item{align-items:center;color:var(--HARVIS-text-dim);display:flex;font-size:.9rem;gap:.5rem}.service-item svg{color:var(--HARVIS-success)}.system-status-section{margin-bottom:2rem}.system-status-section h2{font-size:1.5rem;margin-bottom:1rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stats-summary .stat-item{align-items:center;background:#00d4ff0d;border:var(--HARVIS-border);border-radius:6px;display:flex;flex-direction:column;padding:1rem;text-align:center}.stats-summary .stat-value{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stats-summary .stat-label{color:var(--HARVIS-text-dim);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.active-session-info{display:flex;flex-direction:column;gap:1rem}.session-details{display:flex;flex-direction:column;gap:.75rem}.session-detail{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.session-detail span:first-child{color:var(--HARVIS-text-dim)}.session-id{background:#00d4ff1a;color:var(--HARVIS-primary)}.session-features{display:flex;gap:1rem}.feature-item{align-items:center;gap:.5rem}.no-session{padding:1rem;text-align:center}.no-session p{color:var(--HARVIS-text-dim);margin-bottom:1rem}.stats-section{margin-bottom:2rem}.stats-section h2{font-size:1.5rem;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:var(--HARVIS-transition)}.stat-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft);transform:translateY(-2px)}.stat-icon{color:var(--HARVIS-primary);font-size:2rem;opacity:.8}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem}.stat-label{font-size:.9rem}.recent-section{margin-bottom:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.5rem;margin:0}.recent-sessions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.session-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;color:inherit;display:block;padding:1.5rem;text-decoration:none;transition:var(--HARVIS-transition)}.session-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft);transform:translateY(-2px)}.session-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.session-card-header h4{color:var(--HARVIS-primary);font-size:1.1rem;margin:0}.session-card-content{display:flex;flex-direction:column;gap:1rem}.session-summary{font-size:.9rem;line-height:1.5}.session-stats{display:flex;gap:1rem}.session-stat{align-items:center;color:var(--HARVIS-text-dim);display:flex;font-size:.8rem;gap:.5rem}.session-stat svg{color:var(--HARVIS-primary)}.quick-actions{margin-bottom:2rem}.quick-actions h2{font-size:1.5rem;margin-bottom:1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;color:inherit;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center;text-decoration:none;transition:var(--HARVIS-transition)}.action-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-glow);transform:translateY(-4px)}.action-icon{color:var(--HARVIS-primary);font-size:3rem;margin-bottom:.5rem}.action-card h4{color:var(--HARVIS-primary);font-size:1.2rem;margin:0}.action-card p{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.dashboard-header{flex-direction:column;gap:1.5rem;text-align:center}.status-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{padding:0}.dashboard-header{padding:1.5rem}.welcome-title{font-size:2rem}.actions-grid,.recent-sessions-grid,.stats-grid{grid-template-columns:1fr}.session-features{flex-direction:column;gap:.5rem}}@media (max-width:480px){.action-card,.dashboard-header,.session-card,.stat-card,.status-card{padding:1rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:1rem}}.loading-container{min-height:400px}@keyframes dashboard-glow{0%,to{box-shadow:0 0 20px #00d4ff1a}50%{box-shadow:0 0 40px #00d4ff4d}}.status-card.HARVIS-card-glow{animation:dashboard-glow 3s ease-in-out infinite}.HARVIS-tools{margin-bottom:2rem}.HARVIS-tools h2{font-size:1.5rem;margin-bottom:1rem}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tool-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:var(--HARVIS-transition)}.tool-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-glow);transform:translateY(-4px)}.tool-card.recording-tool:hover{border-color:var(--HARVIS-success);box-shadow:0 0 30px #00ff884d}.tool-card.history-tool:hover{border-color:var(--HARVIS-primary);box-shadow:0 0 30px #00d4ff4d}.tool-card.scraper-tool:hover{border-color:#ffc107;box-shadow:0 0 30px #ffc1074d}.tool-card.coming-soon-tool{cursor:not-allowed;opacity:.7}.tool-card.coming-soon-tool:hover{border-color:var(--HARVIS-border);box-shadow:none;transform:none}.tool-header{align-items:center;display:flex;justify-content:space-between}.tool-icon{color:var(--HARVIS-primary);font-size:2.5rem}.tool-card.recording-tool .tool-icon{color:var(--HARVIS-success)}.tool-card.history-tool .tool-icon{color:var(--HARVIS-primary)}.tool-card.coming-soon-tool .tool-icon{color:var(--HARVIS-text-dim)}.tool-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.recording-tool .tool-badge{background:#0f83;border:1px solid #00ff884d;color:var(--HARVIS-success)}.history-tool .tool-badge{background:#00d4ff33;border:1px solid #00d4ff4d;color:var(--HARVIS-primary)}.scraper-tool .tool-badge{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.coming-soon-tool .tool-badge{background:#fa03;border:1px solid #ffaa004d;color:var(--HARVIS-warning)}.tool-content{display:flex;flex-direction:column;gap:1rem}.tool-content h4{color:var(--HARVIS-primary);font-size:1.3rem;margin:0}.tool-card.recording-tool .tool-content h4{color:var(--HARVIS-success)}.tool-card.coming-soon-tool .tool-content h4,.tool-content p{color:var(--HARVIS-text-dim)}.tool-content p{font-size:.95rem;line-height:1.5;margin:0}.tool-features{display:flex;flex-wrap:wrap;gap:.5rem}.tool-features span{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px;color:var(--HARVIS-primary);font-size:.8rem;padding:.25rem .75rem}.recording-tool .tool-features span{background:#00ff881a;border-color:#0f83;color:var(--HARVIS-success)}.scraper-tool .tool-features span{background:#ffc1071a;border-color:#ffc10733;color:#ffc107}.coming-soon-tool .tool-features span{background:#ffaa001a;border-color:#fa03;color:var(--HARVIS-warning)}.tool-card:before{background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tool-card:hover:before{left:100%}.tool-card.coming-soon-tool:before{display:none}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}.tool-card{padding:1rem}.tool-icon{font-size:2rem}.tool-content h4{font-size:1.1rem}.tool-content p{font-size:.9rem}}.screen-selector-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.screen-selector-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border-glow);border-radius:12px;box-shadow:var(--HARVIS-shadow-glow);display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:90%}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.loading-state p{color:var(--HARVIS-primary);font-size:1.1rem;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px;text-align:center}.error-message{font-size:1.1rem;margin:0}.sources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding-right:.5rem}.source-item{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;position:relative;transition:var(--HARVIS-transition)}.source-item:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft);transform:translateY(-2px)}.source-item.selected{background:#00d4ff1a;border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-glow)}.source-thumbnail{background:var(--HARVIS-darker);border-radius:6px;height:150px;overflow:hidden;position:relative;width:100%}.source-thumbnail img{border-radius:6px;height:100%;object-fit:cover;width:100%}.app-icon{align-items:center;background:#000c;border-radius:4px;bottom:8px;display:flex;height:32px;justify-content:center;padding:4px;position:absolute;right:8px;width:32px}.app-icon img{height:100%;object-fit:contain;width:100%}.source-info{flex:1 1}.source-name{color:var(--HARVIS-text);font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-type{color:var(--HARVIS-text-dim);font-size:.85rem;margin:0}.selection-indicator{animation:scaleIn .2s ease-out;background:var(--HARVIS-success);color:var(--HARVIS-darker);font-size:.9rem;height:24px;position:absolute;right:.5rem;top:.5rem;width:24px}.footer-info strong{color:var(--HARVIS-primary)}.sources-grid::-webkit-scrollbar{width:6px}.sources-grid::-webkit-scrollbar-track{background:var(--HARVIS-darker);border-radius:3px}.sources-grid::-webkit-scrollbar-thumb{background:var(--HARVIS-primary);border-radius:3px}.sources-grid::-webkit-scrollbar-thumb:hover{background:var(--HARVIS-accent)}@media (max-width:768px){.screen-selector-modal{max-height:90vh;width:95%}.modal-content,.modal-footer,.modal-header{padding:1rem 1.5rem}.modal-footer{flex-direction:column;gap:1rem}.footer-actions{justify-content:center;width:100%}.sources-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.source-thumbnail{height:120px}}@media (max-width:480px){.sources-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column;width:100%}.footer-actions .HARVIS-button,.footer-actions .HARVIS-button-outline{justify-content:center;width:100%}}.source-item:hover .source-thumbnail img{transform:scale(1.05)}.source-item:hover .source-name{color:var(--HARVIS-primary)}.source-item.selected .source-thumbnail{box-shadow:0 0 0 2px var(--HARVIS-primary)}.source-item.selected .source-thumbnail:after{background:#00d4ff1a;border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.source-thumbnail img{transition:var(--HARVIS-transition)}.source-thumbnail img:not([src]){animation:HARVIS-pulse 2s infinite;background:var(--HARVIS-darker)}.screenshot-selector-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.screenshot-selector-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border-glow);border-radius:12px;box-shadow:var(--HARVIS-shadow-glow);display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90%}.modal-content{min-height:300px}.selection-controls{align-items:center;background:#00d4ff0d;border:var(--HARVIS-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.selection-info{align-items:center;display:flex;gap:1rem}.selection-count{color:var(--HARVIS-primary);font-size:1.1rem;font-weight:600}.selection-actions{display:flex;gap:1rem}.selection-actions .HARVIS-button-outline{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.screenshots-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;padding-right:.5rem}.screenshot-item{gap:.5rem;padding:.75rem;position:relative}.screenshot-item:hover{box-shadow:var(--HARVIS-shadow-soft)}.screenshot-item.selected{background:#00ff881a;border-color:var(--HARVIS-success);box-shadow:0 0 20px #00ff884d}.screenshot-thumbnail{background:var(--HARVIS-darker);border-radius:6px;height:120px;overflow:hidden;position:relative}.screenshot-thumbnail img{border-radius:6px;height:100%;object-fit:cover;transition:var(--HARVIS-transition);width:100%}.screenshot-item:hover .screenshot-thumbnail img{transform:scale(1.05)}.screenshot-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--HARVIS-transition)}.screenshot-item.selected .screenshot-overlay,.screenshot-item:hover .screenshot-overlay{opacity:1}.selection-indicator{align-items:center;border:2px solid;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:var(--HARVIS-transition);width:32px}.selection-indicator:not(.selected){background:#f44c;border-color:var(--HARVIS-error);color:#fff}.selection-indicator.selected{animation:scaleIn .2s ease-out;background:#00ff88e6;border-color:var(--HARVIS-success);color:var(--HARVIS-darker)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.screenshot-number{font-size:.8rem}.empty-state{min-height:200px}.empty-state p{color:var(--HARVIS-text-dim);font-size:1.1rem;margin:0}.screenshots-grid::-webkit-scrollbar{width:6px}.screenshots-grid::-webkit-scrollbar-track{background:var(--HARVIS-darker);border-radius:3px}.screenshots-grid::-webkit-scrollbar-thumb{background:var(--HARVIS-primary);border-radius:3px}.screenshots-grid::-webkit-scrollbar-thumb:hover{background:var(--HARVIS-accent)}@media (max-width:768px){.screenshot-selector-modal{max-height:90vh;width:95%}.modal-content,.modal-header{padding:1rem 1.5rem}.modal-footer{padding:1rem 1.5rem}.modal-footer,.selection-controls{flex-direction:column;gap:1rem}.footer-actions,.selection-actions{justify-content:center;width:100%}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.screenshot-thumbnail{height:100px}}@media (max-width:480px){.screenshots-grid{grid-template-columns:repeat(2,1fr)}.footer-actions{flex-direction:column;width:100%}.footer-actions .HARVIS-button,.footer-actions .HARVIS-button-outline{justify-content:center;width:100%}.selection-actions{flex-direction:column;width:100%}.selection-actions .HARVIS-button-outline{justify-content:center;width:100%}}.screenshot-item:hover .screenshot-thumbnail img{filter:brightness(1.1)}.screenshot-item.selected .screenshot-thumbnail img{filter:brightness(1.2)}.screenshot-item.selected{animation:selectedGlow 2s ease-in-out infinite alternate}@keyframes selectedGlow{0%{box-shadow:0 0 20px #00ff884d}to{box-shadow:0 0 30px #00ff8880}}.screenshot-thumbnail img:not([src]){animation:HARVIS-pulse 2s infinite;background:var(--HARVIS-darker)}.selection-controls{animation:slideInDown .3s ease-out}.session-naming-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.session-naming-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border-glow);border-radius:12px;box-shadow:var(--HARVIS-shadow-glow);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.modal-header{background:#00d4ff0d;border-bottom:var(--HARVIS-border);justify-content:space-between;padding:1.5rem 2rem}.header-content,.modal-header{align-items:center;display:flex}.header-content{gap:1rem}.header-icon{color:var(--HARVIS-primary);font-size:2rem}.header-content h2{color:var(--HARVIS-primary);font-size:1.5rem;margin:0}.header-content p{color:var(--HARVIS-text-dim);font-size:.9rem;margin:0}.close-button{align-items:center;background:#0000;border:var(--HARVIS-border);border-radius:6px;color:var(--HARVIS-text-dim);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:var(--HARVIS-transition)}.close-button:hover{background:#ff44441a;border-color:var(--HARVIS-error);color:var(--HARVIS-error)}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.naming-form{gap:2rem}.input-group,.naming-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{color:var(--HARVIS-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.HARVIS-input.error{border-color:var(--HARVIS-error);box-shadow:0 0 0 2px #f443}.error-message{align-items:center;color:var(--HARVIS-error);display:flex;font-size:.85rem;gap:.5rem;margin-top:.25rem}.input-help{color:var(--HARVIS-text-dim);font-size:.8rem;text-align:right}.suggestions-section{display:flex;flex-direction:column;gap:1rem}.suggestions-section h4{color:var(--HARVIS-primary);font-size:1rem;margin:0}.suggestions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suggestion-item{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:6px;color:var(--HARVIS-text);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:var(--HARVIS-transition)}.suggestion-item:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary);color:var(--HARVIS-primary);transform:translateY(-1px)}.naming-tips{display:flex;flex-direction:column;gap:.75rem}.naming-tips h4{color:var(--HARVIS-primary);font-size:1rem;margin:0}.naming-tips ul{color:var(--HARVIS-text-dim);font-size:.85rem;margin:0;padding-left:1.2rem}.naming-tips li{line-height:1.4;margin-bottom:.5rem}.modal-footer{align-items:center;background:#0003;border-top:var(--HARVIS-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.footer-info p{color:var(--HARVIS-text-dim);font-size:.9rem;margin:0}.footer-actions{align-items:center;display:flex;gap:1rem}.footer-actions .HARVIS-button,.footer-actions .HARVIS-button-outline{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}@media (max-width:768px){.session-naming-modal{max-height:90vh;width:95%}.modal-content,.modal-footer,.modal-header{padding:1rem 1.5rem}.modal-footer{flex-direction:column;gap:1rem}.footer-actions{justify-content:center;width:100%}.suggestions-grid{grid-template-columns:1fr}}@media (max-width:480px){.footer-actions{flex-direction:column;width:100%}.footer-actions .HARVIS-button,.footer-actions .HARVIS-button-outline{justify-content:center;width:100%}}.HARVIS-input:focus{border-color:var(--HARVIS-primary);box-shadow:0 0 0 2px #00d4ff33}.HARVIS-input.error:focus{border-color:var(--HARVIS-error);box-shadow:0 0 0 2px #f443}.suggestion-item{animation:slideInLeft .3s ease-out;animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}.HARVIS-input:valid{border-color:var(--HARVIS-success)}.HARVIS-input:invalid{border-color:var(--HARVIS-warning)}.input-help{transition:color .3s ease}.input-group:has(.HARVIS-input[value*=""]) .input-help{color:var(--HARVIS-text-dim)}.suggestion-item:active{background:#00d4ff33;transform:translateY(0)}.naming-form{animation:fadeIn .5s ease-out}.new-session-container{margin:0 auto;max-width:1200px;padding:0}.session-header{align-items:center;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border);border-radius:12px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.session-header:before{background:var(--HARVIS-gradient-glow);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.browser-banner{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#ffaa001a,#ffaa000d);border:2px solid #ffaa004d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.banner-content{gap:1.5rem}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{background:#fa03;border:2px solid #fa06;border-radius:12px;color:#fa0;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.banner-text{flex:1 1}.banner-text h4{color:#fa0;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.banner-text p{color:var(--HARVIS-text);font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.browser-features{display:flex;flex-wrap:wrap;gap:1rem}.feature-item{background:#00ff881a;border:1px solid #00ff884d;border-radius:12px;color:var(--HARVIS-success);font-size:.85rem;padding:.25rem .75rem}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.download-chrome-btn{align-items:center;background:#0000;border:2px solid #fa0;border-radius:8px;color:#fa0;display:flex;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:var(--HARVIS-transition)}.download-chrome-btn:hover{background:#ffaa001a;box-shadow:0 0 15px #ffaa004d;transform:translateY(-1px)}.dismiss-banner-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:var(--HARVIS-text-dim);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:var(--HARVIS-transition)}.dismiss-banner-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:var(--HARVIS-text)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.banner-content{flex-direction:column;gap:1rem;text-align:center}.banner-actions{width:100%}.banner-actions,.browser-features{justify-content:center}}@media (max-width:480px){.browser-banner{padding:1rem}.banner-text h4{font-size:1.1rem}.banner-text p{font-size:.9rem}.browser-features{align-items:center}.banner-actions,.browser-features{flex-direction:column;gap:.5rem}.download-chrome-btn{justify-content:center;width:100%}}.session-title{-webkit-text-fill-color:#0000;background:var(--HARVIS-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:.5rem}.session-subtitle{color:var(--HARVIS-text-dim);font-size:1.1rem;line-height:1.6;max-width:600px}.current-session-indicator{animation:HARVIS-pulse 3s infinite;background:#00d4ff1a;border:var(--HARVIS-border-glow);border-radius:8px;padding:1rem}.session-status{align-items:center;color:var(--HARVIS-primary);display:flex;font-weight:600;gap:.5rem}.status-dot{background:var(--HARVIS-success)}.recording-controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.control-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;padding:1.5rem;transition:var(--HARVIS-transition)}.control-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft)}.control-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.control-icon{color:var(--HARVIS-primary);font-size:1.5rem}.control-header h3{font-size:1.2rem;margin:0}.control-content{display:flex;flex-direction:column;gap:1rem}.control-description{color:var(--HARVIS-text-dim);line-height:1.5;margin-bottom:1rem}.screen-selected{display:flex;flex-direction:column;gap:1rem}.selection-status{align-items:center;display:flex;font-weight:600;gap:.5rem}.selection-status,.status-icon.success{color:var(--HARVIS-success)}.status-icon.error{color:var(--HARVIS-error)}.status-icon.warning{color:var(--HARVIS-warning)}.status-icon.info{color:var(--HARVIS-primary)}.recording-active{align-items:center;display:flex;flex-direction:column;gap:1rem}.recording-indicator{align-items:center;color:var(--HARVIS-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.75rem}.recording-dot{animation:HARVIS-pulse 1s infinite;background:var(--HARVIS-error);border-radius:50%;height:12px;width:12px}.recording-ready{text-align:center}.screenshot-controls{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;margin-bottom:1rem;padding:1rem}.recording-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.recording-actions .HARVIS-button-outline{min-width:180px}.audio-monitoring-section{margin-bottom:2rem}.audio-monitoring-section h3{font-size:1.3rem;margin-bottom:1rem}.audio-levels-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.audio-level-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;padding:1.5rem}.audio-level-container{display:flex;flex-direction:column;gap:.75rem}.audio-level-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.audio-level-label{color:var(--HARVIS-text);font-weight:600}.audio-level-value{background:#00d4ff1a;border-radius:4px;color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:.8rem;padding:.25rem .5rem}.audio-level-bar{align-items:end;display:flex;gap:2px;height:20px}.audio-segment{background:#1a1a1acc;border-radius:1px;flex:1 1;transition:var(--HARVIS-transition-fast)}.audio-segment.active.low{background:var(--HARVIS-success);box-shadow:0 0 4px var(--HARVIS-success)}.audio-segment.active.medium{background:var(--HARVIS-warning);box-shadow:0 0 4px var(--HARVIS-warning)}.audio-segment.active.high{background:var(--HARVIS-error);box-shadow:0 0 4px var(--HARVIS-error)}.audio-tips{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;padding:1rem}.tip-text{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.5}.advanced-options{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;margin-bottom:2rem;overflow:hidden}.options-toggle{background:#0000;border:none;color:var(--HARVIS-primary);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem;text-align:left;transition:var(--HARVIS-transition);width:100%}.options-toggle:hover{background:#00d4ff1a}.options-content{gap:1.5rem;padding:0 1.5rem 1.5rem}.option-group,.options-content{display:flex;flex-direction:column}.option-group{gap:.5rem}.option-label{align-items:center;color:var(--HARVIS-text);cursor:pointer;display:flex;font-weight:600;gap:.5rem}.option-label input[type=checkbox]{accent-color:var(--HARVIS-primary);height:18px;width:18px}.option-description{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.4;margin:0}.processing-status{align-items:center;animation:fadeIn .3s ease-out;border:1px solid;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.processing-status.success{background:#00ff881a;border-color:var(--HARVIS-success);color:var(--HARVIS-success)}.processing-status.error{background:#ff44441a;border-color:var(--HARVIS-error);color:var(--HARVIS-error)}.processing-status.warning{background:#ffaa001a;border-color:var(--HARVIS-warning);color:var(--HARVIS-warning)}.processing-status.info{background:#00d4ff1a;border-color:var(--HARVIS-primary);color:var(--HARVIS-primary)}.status-content{align-items:center;display:flex;gap:.75rem}.status-message{font-weight:500}.processing-spinner{align-items:center;display:flex}.recording-preview{margin-bottom:2rem}.preview-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.preview-header-section h3{font-size:1.3rem;margin:0}.preview-actions{align-items:center;display:flex;gap:1rem}.preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));transition:var(--HARVIS-transition)}.preview-grid.full-view{grid-template-columns:1fr}.preview-card{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;padding:1.5rem;transition:var(--HARVIS-transition)}.preview-card:hover{border-color:var(--HARVIS-primary);box-shadow:var(--HARVIS-shadow-soft)}.preview-header{align-items:center;color:var(--HARVIS-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.preview-content{display:flex;flex-direction:column;gap:1rem}.screenshot-count{color:var(--HARVIS-primary);font-size:1.2rem;font-weight:600}.screenshot-thumbnails{display:flex;gap:.5rem;overflow-x:auto}.screenshot-thumbnails.full-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-x:visible}.screenshot-thumbnail{height:60px;width:80px}.screenshot-thumbnail.full-size{height:150px;width:100%}.summary-preview,.transcript-preview{background:#0000004d;border-left:3px solid var(--HARVIS-primary);border-radius:6px;color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.5;max-height:200px;overflow-y:auto;padding:1rem}.summary-preview.full-view,.transcript-preview.full-view{font-size:1rem;max-height:400px;padding:1.5rem}.session-completed-actions{animation:slideInUp .5s ease-out;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border-glow);border-radius:12px;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.session-completed-actions:before{background:var(--HARVIS-gradient-glow);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.completion-message{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.completion-icon{animation:HARVIS-pulse 2s infinite;color:var(--HARVIS-success);font-size:2rem}.completion-text h4{color:var(--HARVIS-primary);font-size:1.3rem;margin:0 0 .5rem}.completion-text p{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.4;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.HARVIS-button-primary{align-items:center;background:var(--HARVIS-gradient-primary);border:none;border-radius:8px;color:var(--HARVIS-darker);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:var(--HARVIS-transition)}.HARVIS-button-primary:hover{box-shadow:0 8px 25px #00d4ff66;transform:translateY(-2px)}.HARVIS-button-primary:active{transform:translateY(0)}.instructions-section{margin-bottom:2rem}.instructions-section h3{font-size:1.3rem;margin-bottom:1rem}.instructions-grid{grid-gap:1rem;gap:1rem}.instruction-step{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;padding:1.5rem;transition:var(--HARVIS-transition)}.instruction-step:hover{border-color:var(--HARVIS-primary);transform:translateY(-2px)}.step-number{background:var(--HARVIS-gradient-primary);color:var(--HARVIS-darker);font-size:1.1rem;height:32px;width:32px}.step-content h4{color:var(--HARVIS-primary);font-size:1rem}.step-content p{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.4}.tips-section{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.tips-section h4{color:var(--HARVIS-primary);font-size:1.1rem;margin:0 0 1rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.tips-list li{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.5;padding-left:.5rem}.tips-list strong{color:var(--HARVIS-primary)}@media (max-width:1024px){.session-header{flex-direction:column;gap:1.5rem;text-align:center}.audio-levels-grid,.recording-controls-grid{grid-template-columns:1fr}.instructions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.new-session-container{padding:0}.session-header{padding:1.5rem}.session-title{font-size:1.8rem}.audio-level-card,.control-card,.preview-card{padding:1rem}.instructions-grid{grid-template-columns:1fr}.instruction-step{padding:1rem}}@media (max-width:480px){.session-header{padding:1rem}.session-title{font-size:1.5rem}.session-subtitle{font-size:1rem}.recording-controls-grid{gap:1rem}}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.recording-dot{animation:recording-pulse 1s ease-in-out infinite}.audio-segment.active{animation:audio-glow .3s ease-out}@keyframes audio-glow{0%{box-shadow:none}to{box-shadow:0 0 8px currentColor}}.HARVIS-button{min-width:160px}.HARVIS-button,.HARVIS-button-outline{align-items:center;display:flex;gap:.5rem;justify-content:center}.HARVIS-button-outline{min-width:140px}.processing-status{overflow:hidden;position:relative}.processing-status:before{animation:status-shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes status-shine{0%{left:-100%}to{left:100%}}.HARVIS-loading{height:24px;width:24px}.control-card:hover .control-icon{color:var(--HARVIS-accent);transform:scale(1.1)}.audio-level-card:hover{border-color:var(--HARVIS-primary);box-shadow:0 0 20px #00d4ff33}.HARVIS-input:focus,select.HARVIS-input:focus{border-color:var(--HARVIS-primary);box-shadow:0 0 0 2px #00d4ff33}select.HARVIS-input{-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='%2300d4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.troubleshooting-section{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.troubleshooting-section h4{color:var(--HARVIS-primary);font-size:1.1rem;margin:0 0 1rem}.troubleshooting-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.troubleshooting-item{background:#0003;border:1px solid #00d4ff33;border-radius:6px;padding:1rem}.troubleshooting-item h5{color:var(--HARVIS-primary);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.troubleshooting-item p{color:var(--HARVIS-text-dim);font-size:.85rem;margin:0 0 .5rem}.troubleshooting-item ul{color:var(--HARVIS-text-dim);font-size:.8rem;margin:0;padding-left:1rem}.troubleshooting-item li{line-height:1.4;margin-bottom:.25rem}.troubleshooting-item strong{color:var(--HARVIS-primary)}.expandable-help{margin-bottom:1rem}.help-toggle{align-items:center;background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;color:var(--HARVIS-primary);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;transition:var(--HARVIS-transition);width:100%}.help-toggle:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary)}.help-toggle span{flex:1 1;text-align:left}.selection-help{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;margin-bottom:1rem;padding:1rem}.selection-help.expanded{animation:slideDown .3s ease-out;margin-bottom:0;margin-top:.5rem}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:500px;opacity:1;padding-bottom:1rem;padding-top:1rem}}.help-item{margin-bottom:1rem}.help-item:last-child{margin-bottom:0}.help-item strong{color:var(--HARVIS-primary);display:block;font-size:.9rem;margin-bottom:.5rem}.help-item ol,.help-item ul{color:var(--HARVIS-text-dim);font-size:.85rem;margin:0;padding-left:1.2rem}.help-item li{line-height:1.4;margin-bottom:.25rem}.mt-2{margin-top:.5rem}.screen-selection{display:flex;flex-direction:column;gap:1rem;text-align:center}.screen-selection .HARVIS-button,.screen-selection .HARVIS-button-outline{align-self:center}.past-sessions-section{background:#00ff8808;border:1px solid #00ff881a;border-radius:12px;margin-bottom:3rem;padding:2rem}.past-sessions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.past-sessions-header h3{color:#fff;font-size:1.5rem;margin:0}.past-sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:1.5rem}.past-session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #0f83;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.past-session-card:hover{border-color:#0f86;box-shadow:0 8px 25px #00ff881a;transform:translateY(-2px)}.past-session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.past-session-title{color:#0f8;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.past-session-date{color:#fff9;font-size:.85rem}.past-session-preview{margin-bottom:1rem}.past-session-summary{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.past-session-meta{display:flex;flex-wrap:wrap;gap:1rem}.past-meta-item{align-items:center;color:#fff9;display:flex;font-size:.8rem;gap:.5rem}.past-meta-item svg{color:#0f8;font-size:.9rem}.past-sessions-footer{border-top:1px solid #0f83;padding-top:1.5rem;text-align:center}.sessions-count{color:#fff9;font-size:.9rem;margin:0 0 1rem}@media (max-width:768px){.past-sessions-grid{grid-template-columns:1fr}.past-sessions-header{align-items:stretch;flex-direction:column;gap:1rem}.past-session-card{padding:1rem}}.HARVIS-chat-interface{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;display:flex;flex-direction:column;height:70vh;overflow:hidden}.HARVIS-chat-messages{background:#0003;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.HARVIS-chat-welcome{align-items:center;color:var(--HARVIS-text-dim);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;text-align:center}.HARVIS-welcome-icon{color:var(--HARVIS-primary);font-size:3rem;margin-bottom:1rem}.HARVIS-chat-welcome h4{color:var(--HARVIS-text);font-family:Orbitron,monospace;font-size:1.3rem;margin:0 0 .5rem}.HARVIS-chat-welcome p{color:var(--HARVIS-text-dim);font-size:1rem;margin:0 auto 2rem;max-width:500px}.HARVIS-suggested-questions{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:400px;width:100%}.HARVIS-suggestion-button{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:var(--HARVIS-primary);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:var(--HARVIS-transition)}.HARVIS-suggestion-button:hover{background:#00d4ff33;border-color:var(--HARVIS-primary);box-shadow:0 0 10px #00d4ff4d}.HARVIS-messages-list{display:flex;flex:1 1;flex-direction:column;gap:1rem}.HARVIS-message{align-items:flex-start;animation:fadeInUp .3s ease-out;display:flex;gap:1rem}.HARVIS-user-message{flex-direction:row-reverse}.HARVIS-message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.HARVIS-user-message .HARVIS-message-avatar{background:var(--HARVIS-gradient-primary);color:var(--HARVIS-darker)}.HARVIS-assistant-message .HARVIS-message-avatar{background:#00d4ff33;border:1px solid var(--HARVIS-primary);color:var(--HARVIS-primary)}.HARVIS-message-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.HARVIS-user-message .HARVIS-message-content{align-items:flex-end}.HARVIS-message-text{word-wrap:break-word;background:#1a1a1acc;border-radius:12px;color:var(--HARVIS-text);font-size:.95rem;line-height:1.6;max-width:80%;padding:1rem;white-space:pre-wrap}.HARVIS-user-message .HARVIS-message-text{background:var(--HARVIS-gradient-primary);border-radius:12px 12px 4px 12px;color:var(--HARVIS-darker)}.HARVIS-assistant-message .HARVIS-message-text{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px 12px 12px 4px}.HARVIS-message-time{color:var(--HARVIS-text-dim);font-size:.8rem;opacity:.7}.HARVIS-chat-input-section{background:var(--HARVIS-card);border-top:var(--HARVIS-border);flex-shrink:0;padding:1.5rem}.HARVIS-chat-input-group{align-items:flex-end;display:flex;gap:1rem}.HARVIS-chat-input{background:#1a1a1ae6;border:2px solid var(--HARVIS-primary);color:var(--HARVIS-text);flex:1 1;font-family:Rajdhani,sans-serif;font-size:.95rem;max-height:200px;min-height:80px;resize:vertical}.HARVIS-chat-input:focus{background:#1a1a1a;border-color:var(--HARVIS-accent);box-shadow:0 0 0 3px #00d4ff1a}.HARVIS-send-button{align-items:center;display:flex;gap:.5rem;height:80px;min-width:auto;padding:1rem 1.5rem;white-space:nowrap}.HARVIS-send-button:disabled{cursor:not-allowed;opacity:.6}.HARVIS-chat-messages::-webkit-scrollbar{width:6px}.HARVIS-chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.HARVIS-chat-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.HARVIS-chat-messages::-webkit-scrollbar-thumb:hover{background:#00d4ff80}@media (max-width:768px){.HARVIS-chat-interface{height:60vh}.HARVIS-chat-input-group{align-items:stretch;flex-direction:column}.HARVIS-send-button{align-self:flex-end;height:auto;min-width:120px;padding:.75rem 1rem}.HARVIS-suggested-questions{max-width:100%}.HARVIS-message-text{max-width:90%}}@media (max-width:480px){.HARVIS-chat-input-section,.HARVIS-chat-messages{padding:1rem}.HARVIS-welcome-icon{font-size:2.5rem}.HARVIS-chat-welcome h4{font-size:1.1rem}.HARVIS-message-avatar{font-size:1rem;height:32px;width:32px}.HARVIS-message-text{font-size:.9rem;padding:.75rem}}@media (prefers-contrast:high){.HARVIS-chat-input,.HARVIS-chat-interface{border-color:var(--HARVIS-primary)}}@media (prefers-reduced-motion:reduce){.HARVIS-message{animation:none}.HARVIS-suggestion-button{transition:none}}.session-history-container{display:flex;flex-direction:column;height:calc(100vh - 70px);margin:0 auto;max-width:1400px;padding:0}.history-header{align-items:center;background:var(--HARVIS-gradient-dark);border:var(--HARVIS-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative}.history-header:before{background:var(--HARVIS-gradient-glow);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.header-content{flex:1 1}.history-title{-webkit-text-fill-color:#0000;background:var(--HARVIS-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;margin-bottom:.25rem}.history-subtitle{color:var(--HARVIS-text-dim);font-size:.9rem;line-height:1.4;max-width:600px}.header-stats{gap:1rem}.header-stats,.stat-item{align-items:center;display:flex}.stat-item{background:#00d4ff1a;border:var(--HARVIS-border);border-radius:8px;flex-direction:column;padding:1rem}.stat-value{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:var(--HARVIS-text-dim);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.history-layout{display:flex;flex:1 1;gap:1.5rem;height:100%;min-height:0}.sessions-panel{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:350px}.panel-header{background:#00d4ff0d;border-bottom:var(--HARVIS-border);padding:1.5rem}.panel-header h3{color:var(--HARVIS-primary);font-size:1.2rem;margin:0 0 1rem}.search-controls{display:flex;flex-direction:column;gap:.75rem}.search-input-group{position:relative}.search-icon{color:var(--HARVIS-text-dim);font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:40px}.filter-select,.search-input{font-size:.9rem}.sessions-list{flex:1 1;overflow-y:auto;padding:.5rem}.session-item{align-items:stretch;background:#424242cc;border:2px solid #00d4ff4d;border-radius:8px;display:flex;margin-bottom:.5rem;position:relative;transition:var(--HARVIS-transition);-webkit-user-select:none;user-select:none}.session-content{cursor:pointer;flex:1 1;padding:1rem}.session-actions{background:#0003;border-left:1px solid #00d4ff33}.delete-session-button,.session-actions{align-items:center;display:flex;padding:.5rem}.delete-session-button{background:#0000;border:1px solid #ff444480;border-radius:6px;color:#f44c;cursor:pointer;font-size:.9rem;height:36px;justify-content:center;min-width:36px;transition:var(--HARVIS-transition)}.delete-session-button:hover:not(:disabled){background:#ff44441a;border-color:#f44;box-shadow:0 0 10px #ff44444d;color:#f44}.delete-session-button:disabled{cursor:not-allowed;opacity:.3}.session-item:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary);box-shadow:0 0 15px #00d4ff4d;transform:translateX(4px)}.session-item.selected{background:#00ff881a;border-color:var(--HARVIS-success);box-shadow:0 0 20px #0f86;transform:translateX(8px)}.session-item.selected:before{background:var(--HARVIS-success);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.session-title{color:var(--HARVIS-primary);font-size:1rem;font-weight:600;margin:0}.session-date{align-items:center;color:var(--HARVIS-text-dim);display:flex;font-size:.8rem;gap:.25rem}.session-preview{margin-bottom:.75rem}.session-summary{color:var(--HARVIS-text-dim);font-size:.85rem;line-height:1.4;margin:0}.session-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-item{align-items:center;background:#0000004d;border-radius:12px;color:var(--HARVIS-text-dim);display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.meta-item svg{color:var(--HARVIS-primary);font-size:.7rem}.empty-sessions{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.empty-icon{color:var(--HARVIS-primary);font-size:3rem;opacity:.5}.empty-sessions p{color:var(--HARVIS-text-dim);margin:0}.details-panel{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.tab-navigation{background:#0003;border-bottom:var(--HARVIS-border);display:flex}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--HARVIS-text-dim);cursor:pointer;display:flex;flex:1 1;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:var(--HARVIS-transition)}.tab-button:hover:not(:disabled){background:#00d4ff0d;color:var(--HARVIS-primary)}.tab-button.active{background:#00d4ff1a;border-bottom-color:var(--HARVIS-primary);color:var(--HARVIS-primary)}.tab-button:disabled{cursor:not-allowed;opacity:.5}.tab-content{background:#0000001a}.chat-tab,.summary-tab,.tab-content,.transcript-tab{display:flex;flex:1 1;flex-direction:column;min-height:400px;overflow:hidden}.chat-tab,.summary-tab,.transcript-tab{height:100%}.chat-tab .chat-messages{flex:1 1;max-height:none;min-height:400px}.chat-tab .chat-input-section{bottom:auto;flex-shrink:0;position:relative}.tab-header{align-items:center;background:#00d4ff0d;border-bottom:var(--HARVIS-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.tab-header h4{font-size:1.1rem;margin:0}.copy-button,.tab-header h4{align-items:center;color:var(--HARVIS-primary);display:flex;gap:.5rem}.copy-button{background:#0000;border:1px solid var(--HARVIS-primary);border-radius:4px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;padding:.5rem 1rem;transition:var(--HARVIS-transition)}.copy-button:hover{background:#00d4ff1a;box-shadow:0 0 10px #00d4ff4d}.summary-content-full,.transcript-content-full{word-wrap:break-word;background:#0000004d;color:var(--HARVIS-text);flex:1 1;font-size:.95rem;line-height:1.6;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.screenshots-section{background:#0003;border-top:var(--HARVIS-border);flex-shrink:0;max-height:300px;overflow-y:auto;padding:1rem 1.5rem}.screenshots-section h4{align-items:center;color:var(--HARVIS-primary);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.details-header{align-items:center;background:#00d4ff0d;border-bottom:var(--HARVIS-border);display:flex;justify-content:space-between;padding:1.5rem}.details-header h3{color:var(--HARVIS-primary);font-size:1.3rem;margin:0}.session-id{background:#0000004d;border-radius:4px;color:var(--HARVIS-text-dim);font-family:Orbitron,monospace;font-size:.8rem;padding:.25rem .5rem}.details-content{flex:1 1;gap:1.5rem;overflow-y:auto;padding:1.5rem}.detail-section,.details-content{display:flex;flex-direction:column}.detail-section{gap:.75rem}.detail-section h4{align-items:center;color:var(--HARVIS-primary);display:flex;font-size:1rem;gap:.5rem;margin:0}.summary-content,.transcript-content{background:#0000004d;border-left:3px solid var(--HARVIS-primary);border-radius:8px;color:var(--HARVIS-text);font-size:.9rem;line-height:1.6;max-height:200px;overflow-y:auto;padding:1rem}.screenshots-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:200px;overflow-y:auto}.screenshot-thumbnail{border:1px solid var(--HARVIS-border);border-radius:4px;height:80px;object-fit:cover;width:100%}.chat-section{background:#0a0a0af2;border-top:2px solid var(--HARVIS-primary);display:flex;flex-direction:column;height:450px;transition:height .3s ease}.chat-section.expanded{border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -10px 30px #00d4ff4d;height:70vh;left:0;position:fixed;right:0;z-index:1000}.chat-section.expanded .session-details{max-height:30vh}.chat-section.expanded .chat-messages{min-height:40vh}.chat-header{align-items:center;background:#00d4ff1a;border-bottom:1px solid var(--HARVIS-primary);display:flex;justify-content:space-between;padding:1rem 1.5rem}.chat-header h4{font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;text-shadow:0 0 10px #00d4ff4d}.chat-header h4,.expand-button{align-items:center;color:var(--HARVIS-primary);display:flex}.expand-button{background:#0000;border:1px solid var(--HARVIS-primary);border-radius:4px;cursor:pointer;font-size:1rem;height:32px;justify-content:center;min-width:40px;padding:.5rem;transition:var(--HARVIS-transition)}.expand-button:hover{background:#00d4ff33;box-shadow:0 0 10px #00d4ff4d}.chat-messages{background:#050505cc;min-height:250px;padding:1rem}.chat-welcome{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.welcome-icon{color:var(--HARVIS-primary);font-size:2.5rem;opacity:.7}.chat-welcome p{color:var(--HARVIS-text-dim);font-size:1.1rem;margin:0}.suggested-questions{gap:.5rem;max-width:300px;width:100%}.suggestion-button{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:6px;color:var(--HARVIS-text);font-family:Rajdhani,sans-serif;padding:.75rem;transition:var(--HARVIS-transition)}.suggestion-button:hover{background:#00d4ff1a;border-color:var(--HARVIS-primary);color:var(--HARVIS-primary)}.messages-list{flex:1 1}.message{gap:.75rem}.message.user-message{flex-direction:row-reverse}.message-avatar{font-size:1rem;height:32px;width:32px}.user-message .message-avatar{background:var(--HARVIS-gradient-primary);color:var(--HARVIS-darker)}.assistant-message .message-avatar{background:#00d4ff33;border:1px solid var(--HARVIS-primary);color:var(--HARVIS-primary)}.message-content{display:flex;flex-direction:column;gap:.25rem}.user-message .message-content{align-items:flex-end}.message-text{background:#1a1a1acc;border-radius:12px;font-size:.9rem;line-height:1.5;max-width:80%;padding:.75rem 1rem}.user-message .message-text{background:var(--HARVIS-gradient-primary);border-radius:12px 12px 4px 12px;color:var(--HARVIS-darker)}.assistant-message .message-text{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px 12px 12px 4px;color:var(--HARVIS-text)}.message-time{color:var(--HARVIS-text-dim);font-size:.7rem;opacity:.7}.chat-input-section{background:var(--HARVIS-card);border-top:1px solid var(--HARVIS-border);flex-shrink:0;min-height:80px;padding:1rem 1.5rem}.chat-input-group{gap:.75rem}.chat-input{background:#1a1a1ae6;border:2px solid var(--HARVIS-primary);color:var(--HARVIS-text);font-family:Rajdhani,sans-serif;font-size:1rem;max-height:120px;min-height:44px;resize:none}.chat-input:focus{background:#1a1a1a;border-color:var(--HARVIS-accent);box-shadow:0 0 0 2px #00d4ff4d}.send-button{background:var(--HARVIS-gradient-primary);border:none;color:var(--HARVIS-darker);font-size:.9rem;min-width:auto;padding:.75rem 1rem}.send-button:hover{box-shadow:0 0 15px #00d4ff80;transform:translateY(-1px)}.send-button:disabled{opacity:.5;transform:none}.no-selection{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:2rem;text-align:center}.no-selection-icon{color:var(--HARVIS-primary);font-size:4rem;opacity:.5}.no-selection h3{color:var(--HARVIS-primary);font-size:1.5rem;margin:0}.no-selection p{color:var(--HARVIS-text-dim);font-size:1rem;line-height:1.5;margin:0;max-width:300px}.loading-container{height:400px}.loading-text{animation:HARVIS-pulse 2s infinite}.chat-messages::-webkit-scrollbar,.details-content::-webkit-scrollbar,.sessions-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.details-content::-webkit-scrollbar-track,.sessions-list::-webkit-scrollbar-track{background:var(--HARVIS-darker);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.details-content::-webkit-scrollbar-thumb,.sessions-list::-webkit-scrollbar-thumb{background:var(--HARVIS-primary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.details-content::-webkit-scrollbar-thumb:hover,.sessions-list::-webkit-scrollbar-thumb:hover{background:var(--HARVIS-accent)}@media (max-width:1024px){.history-layout{flex-direction:column;gap:1rem;height:auto}.sessions-panel{flex-shrink:0;max-height:250px;width:100%}.details-panel{flex:1 1;height:auto;min-height:500px}.chat-section{height:300px}}@media (max-width:768px){.session-history-container{padding:0}.history-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.history-title{font-size:1.8rem}.search-controls{gap:.5rem}.details-panel,.sessions-panel{border-radius:8px}.chat-header,.details-content,.details-header,.panel-header{padding:1rem}}@media (max-width:480px){.history-header{padding:1rem}.history-title{font-size:1.5rem}.session-item{padding:.75rem}.chat-input-group{flex-direction:column;gap:.5rem}.send-button{justify-content:center;width:100%}.screenshots-grid{grid-template-columns:repeat(3,1fr)}}.session-item{animation:slideInLeft .3s ease-out}.message{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.session-item.selected{animation:selectedPulse 2s ease-in-out infinite alternate}@keyframes selectedPulse{0%{box-shadow:var(--HARVIS-shadow-soft)}to{box-shadow:var(--HARVIS-shadow-glow)}}.chat-input:focus{border-color:var(--HARVIS-primary);box-shadow:0 0 0 2px #00d4ff33}.screenshot-thumbnail:hover{box-shadow:0 0 10px #00d4ff80}.chat-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.chat-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:16px;box-shadow:0 20px 60px #00d4ff4d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:900px;overflow:hidden;width:100%}.chat-modal-header{align-items:center;background:#00d4ff1a;border-bottom:var(--HARVIS-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-session-info h3{align-items:center;color:var(--HARVIS-primary);display:flex;font-size:1.4rem;gap:.5rem;margin:0 0 .25rem}.modal-session-info p{color:var(--HARVIS-text-dim);font-size:.9rem;margin:0}.close-modal-button{align-items:center;background:#0000;border:2px solid var(--HARVIS-primary);border-radius:8px;color:var(--HARVIS-primary);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:var(--HARVIS-transition)}.close-modal-button:hover{background:#00d4ff33;box-shadow:0 0 15px #00d4ff66;transform:scale(1.05)}.chat-modal-messages{background:#0003;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem 2rem}.chat-modal-input{background:var(--HARVIS-card);border-top:var(--HARVIS-border);flex-shrink:0;padding:1.5rem 2rem}.chat-modal-input .chat-input-group{align-items:flex-end;display:flex;gap:1rem}.chat-modal-input .chat-input{background:#1a1a1ae6;border:2px solid var(--HARVIS-primary);border-radius:8px;color:var(--HARVIS-text);flex:1 1;font-family:Rajdhani,sans-serif;font-size:1rem;max-height:120px;min-height:60px;padding:1rem;resize:none}.chat-modal-input .chat-input:focus{background:#1a1a1a;border-color:var(--HARVIS-accent);box-shadow:0 0 0 3px #00d4ff4d}.chat-modal-input .send-button{align-items:center;background:var(--HARVIS-gradient-primary);border:none;border-radius:8px;color:var(--HARVIS-darker);display:flex;font-size:1rem;gap:.5rem;height:60px;min-width:auto;padding:1rem 1.5rem}.chat-modal-input .send-button:hover{box-shadow:0 0 20px #00d4ff99;transform:translateY(-2px)}.chat-modal-input .send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.chat-modal-overlay{padding:1rem}.chat-modal{height:90vh;max-height:none}.chat-modal-header,.chat-modal-input,.chat-modal-messages{padding:1rem 1.5rem}.chat-modal-input .chat-input-group{flex-direction:column;gap:.75rem}.chat-modal-input .send-button{justify-content:center;width:100%}}@media (max-width:480px){.chat-modal-overlay{padding:.5rem}.chat-modal-header,.chat-modal-input,.chat-modal-messages{padding:1rem}.modal-session-info h3{font-size:1.2rem}}.screenshots-tab{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.screenshot-count{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;color:var(--HARVIS-text-dim);font-size:.9rem;padding:.25rem .75rem}.screenshots-grid-full{grid-gap:1rem;background:#0003;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:1.5rem}.screenshot-item{background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--HARVIS-transition)}.screenshot-item:hover{border-color:var(--HARVIS-primary);box-shadow:0 0 15px #00d4ff4d;transform:translateY(-2px)}.screenshot-thumbnail-large{height:150px;object-fit:cover;transition:var(--HARVIS-transition);width:100%}.screenshot-thumbnail-large:hover{transform:scale(1.02)}.screenshot-info{align-items:center;background:#0000004d;display:flex;justify-content:space-between;padding:.75rem}.screenshot-number{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:.9rem;font-weight:600}.screenshot-time{color:var(--HARVIS-text-dim);font-size:.8rem}.screenshot-thumbnail{cursor:pointer;transition:var(--HARVIS-transition)}.screenshot-thumbnail:hover{border-color:var(--HARVIS-primary);box-shadow:0 0 15px #00d4ff66;transform:scale(1.05)}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.image-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-card);border:var(--HARVIS-border);border-radius:16px;box-shadow:0 20px 60px #00d4ff4d;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.image-modal-header{align-items:center;background:#00d4ff1a;border-bottom:var(--HARVIS-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.image-info h3{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:1.4rem;margin:0 0 .25rem}.image-info p{color:var(--HARVIS-text-dim);font-size:.9rem;margin:0}.image-modal-content{align-items:center;background:#00000080;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:2rem}.modal-image{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:100%;max-width:100%;object-fit:contain}@media (max-width:1024px){.screenshots-grid-full{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.screenshot-thumbnail-large{height:120px}}@media (max-width:768px){.image-modal-overlay{padding:1rem}.image-modal{height:95vh;width:95vw}.image-modal-content,.image-modal-header{padding:1rem}.screenshots-grid-full{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:.75rem}.screenshot-thumbnail-large{height:100px}.screenshot-info{flex-direction:column;gap:.25rem;padding:.5rem;text-align:center}}@media (max-width:480px){.image-modal-overlay{padding:.5rem}.image-modal{height:98vh;width:98vw}.screenshots-grid-full{grid-template-columns:repeat(2,1fr)}.image-info h3{font-size:1.2rem}}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1500}.delete-modal{animation:slideInUp .3s ease-out;background:var(--HARVIS-card);border:2px solid #f44;border-radius:16px;box-shadow:0 20px 60px #ff44444d;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.delete-modal-header{align-items:center;background:#ff44441a;border-bottom:1px solid #f44;display:flex;justify-content:space-between;padding:1.5rem 2rem}.delete-modal-header h3{align-items:center;color:#f44;display:flex;font-size:1.4rem;gap:.5rem;margin:0}.delete-modal-content{padding:2rem}.delete-warning{margin-bottom:2rem;text-align:center}.warning-icon{color:#f44;font-size:3rem;margin-bottom:1rem}.delete-warning p{color:var(--HARVIS-text);font-size:1rem;line-height:1.5;margin:0 0 1rem}.session-to-delete{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:var(--HARVIS-primary);font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.warning-text{color:var(--HARVIS-text-dim);font-size:.9rem;font-style:italic}.delete-modal-actions{display:flex;gap:1rem;justify-content:center}.cancel-button{background:#0000;border:2px solid var(--HARVIS-primary);border-radius:8px;color:var(--HARVIS-primary);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:var(--HARVIS-transition)}.cancel-button:hover:not(:disabled){background:#00d4ff1a;box-shadow:0 0 15px #00d4ff4d}.delete-confirm-button{align-items:center;background:#f44;border:2px solid #f44;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--HARVIS-transition)}.delete-confirm-button:hover:not(:disabled){background:#f66;box-shadow:0 0 20px #ff444480;transform:translateY(-1px)}.delete-confirm-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.delete-modal-overlay{padding:1rem}.delete-modal{max-width:400px}.delete-modal-content,.delete-modal-header{padding:1.5rem}.delete-modal-actions{flex-direction:column}.cancel-button,.delete-confirm-button{justify-content:center;width:100%}}@media (max-width:480px){.delete-modal-overlay{padding:.5rem}.delete-modal-content,.delete-modal-header{padding:1rem}.delete-modal-header h3{font-size:1.2rem}.warning-icon{font-size:2.5rem}}.web-scraper-container{background:var(--HARVIS-gradient-dark);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.scraper-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff0d;border:var(--HARVIS-border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1.scraper-title{-webkit-text-fill-color:#0000;background:var(--HARVIS-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.scraper-subtitle{color:var(--HARVIS-text-dim);font-size:1.1rem;margin:0}.current-website-indicator{animation:pulse 3s infinite;background:#00ff881a;border:1px solid #00ff884d;border-radius:8px;padding:1rem}.website-status{align-items:center;color:var(--HARVIS-success);display:flex;font-weight:600;gap:.5rem}.status-icon{font-size:1.2rem}.scrape-form-section{margin-bottom:3rem}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #00d4ff4d;border-radius:12px;padding:2rem}.form-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.form-icon{color:#00d4ff;font-size:1.5rem}.form-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.url-input-group{display:flex;gap:1rem;margin-bottom:1rem}.url-input{background:#0006;border:1px solid #00d4ff4d;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:1rem;transition:all .3s ease}.url-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.scrape-button{align-items:center;display:flex;gap:.5rem;padding:1rem 2rem;white-space:nowrap}.scrape-button:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.form-tips{margin-top:1rem}.tip-text{background:#00d4ff0d;border-left:3px solid #00d4ff;border-radius:4px;color:#ffffffb3;font-size:.95rem;margin:0;padding:1rem}.website-chat-container{display:flex;flex-direction:column;gap:1rem}.website-chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff0d;border:var(--HARVIS-border);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.website-info h3{color:var(--HARVIS-text);font-family:Orbitron,monospace;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.website-meta{align-items:center;display:flex;gap:1rem}.website-url{color:var(--HARVIS-primary);font-weight:500}.website-stats{color:var(--HARVIS-text-dim);font-size:.9rem}.chat-actions{display:flex;gap:.75rem}.external-button{padding:.75rem}.external-button,.new-website-button{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.new-website-button{padding:.75rem 1rem}.chat-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.chat-welcome{color:#ffffffb3;padding:2rem;text-align:center}.welcome-icon{color:#00d4ff;font-size:3rem;margin-bottom:1rem}.chat-welcome h4{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.chat-welcome p{font-size:1rem;margin:0 auto 2rem;max-width:500px}.suggested-questions{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:400px}.suggestion-button{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.suggestion-button:hover{background:#00d4ff33;border-color:#00d4ff}.messages-list{display:flex;flex-direction:column;gap:1rem}.message{align-items:flex-start;display:flex;gap:1rem}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-message .message-avatar{background:#00d4ff33;color:#00d4ff}.assistant-message .message-avatar{background:#0f83;color:#0f8}.message-content{flex:1 1;min-width:0}.message-text{word-wrap:break-word;background:#0000004d;border-radius:8px;color:#ffffffe6;font-size:.95rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.user-message .message-text{background:#00d4ff1a;border:1px solid #00d4ff33}.assistant-message .message-text{background:#00ff880d;border:1px solid #00ff881a}.message-time{color:#ffffff80;font-size:.8rem;margin-top:.5rem}.chat-input-section{background:#0003;border-top:1px solid #00d4ff33;padding:1.5rem}.chat-input-group{align-items:flex-end;display:flex;gap:1rem}.chat-input{background:#0006;border:1px solid #00d4ff4d;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;max-height:200px;min-height:80px;padding:1rem;resize:vertical}.chat-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.send-button{align-items:center;display:flex;gap:.5rem;padding:1rem 1.5rem;white-space:nowrap}.send-button:disabled{cursor:not-allowed;opacity:.6}.instructions-section{background:#00d4ff08;border:1px solid #00d4ff1a;border-radius:12px;margin-bottom:3rem;padding:2rem}.instructions-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 2rem;text-align:center}.instructions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.instruction-step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:linear-gradient(45deg,#00d4ff,#0f8);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.step-content h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.features-section{background:#00ff8808;border:1px solid #00ff881a;border-radius:12px;margin-bottom:3rem;padding:2rem}.features-section h4{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{align-items:flex-start;display:flex;gap:1rem}.feature-icon{color:#0f8;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.feature-content h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.feature-content p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.loading-container{padding:4rem 2rem}.loading-text{color:#ffffffb3;font-size:1.1rem;margin-top:1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (max-width:768px){.web-scraper-container{padding:1rem}.scraper-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1.scraper-title{font-size:2rem}.url-input-group{flex-direction:column}.chat-interface{height:60vh}.chat-input-group{align-items:stretch;flex-direction:column}.send-button{align-self:flex-end;min-width:120px}.features-grid,.instructions-grid{grid-template-columns:1fr}.chat-actions{flex-direction:column;gap:.5rem}.action-button{justify-content:center}}@media (prefers-color-scheme:dark){.chat-interface,.form-card{background:#1a1a1ae6}}@media (prefers-reduced-motion:reduce){.current-website-indicator,.spinning{animation:none}}@media (prefers-contrast:high){.chat-input,.chat-interface,.form-card,.url-input{border-color:#00d4ff}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.HARVIS-app{background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0099cc1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;overflow-x:hidden;position:relative}.HARVIS-app:before{background:linear-gradient(90deg,#0000 79px,#00d4ff08 81px,#00d4ff08 82px,#0000 84px),linear-gradient(#00d4ff08 79px,#0000 81px,#0000 82px,#00d4ff08 84px);background-size:84px 84px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;position:relative}.main-content{flex:1 1;margin-left:0;padding:2rem;transition:var(--HARVIS-transition)}.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:80px}@media (max-width:1024px){.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}.main-content{padding:1rem}}@media (max-width:768px){.main-content{padding:.5rem}}.page-enter{opacity:0;transform:translateX(20px)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.loading-text{color:var(--HARVIS-primary);font-family:Orbitron,monospace;font-size:1.2rem;text-align:center}.auth-loading{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#00d4ff;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;gap:2rem;justify-content:center;min-height:100vh}.auth-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #00d4ff33;border-radius:50%;border-top-color:#00d4ff;height:60px;width:60px}.auth-loading p{font-size:1.5rem;font-weight:500;letter-spacing:2px;text-shadow:0 0 10px #00d4ff80}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px;text-align:center}.error-title{color:var(--HARVIS-error);font-size:1.5rem;margin-bottom:.5rem}.error-message{color:var(--HARVIS-text-dim);max-width:400px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;text-align:center}.empty-state-icon{color:var(--HARVIS-primary);font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:var(--HARVIS-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state-message{color:var(--HARVIS-text-dim);margin-bottom:1rem;max-width:400px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-indicator.online{background:#0f83;border:1px solid #00ff884d;color:var(--HARVIS-success)}.status-indicator.offline{background:#f443;border:1px solid #ff44444d;color:var(--HARVIS-error)}.status-indicator.processing{background:#fa03;border:1px solid #ffaa004d;color:var(--HARVIS-warning)}.status-dot{animation:HARVIS-pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.progress-bar{background:#1a1a1acc;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{background:var(--HARVIS-gradient-primary);height:100%;transition:width .3s ease}.progress-fill:after{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tooltip{display:inline-block;position:relative}.tooltip:before{background:#000000e6;border:1px solid #00d4ff4d;border-radius:4px;bottom:100%;color:var(--HARVIS-primary);content:attr(data-tooltip);font-size:.875rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:1000}.tooltip:hover:before{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.custom-scroll{scrollbar-color:var(--HARVIS-primary) var(--HARVIS-darker);scrollbar-width:thin}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:var(--HARVIS-darker);border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb{background:var(--HARVIS-primary);border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--HARVIS-accent)}