.app-header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--interactive-light-border);z-index:1000;width:100%;height:80px;padding:16px var(--page-padding-x);background-color:#000000d9;align-items:center;display:flex;position:fixed;top:0;left:0}.header-container{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand-logo{color:var(--text-white);align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand-logo svg{color:var(--primary-yellow)!important}.header-nav{gap:32px;display:flex}.nav-link{color:var(--text-white);border-bottom:3px solid #0000;padding:8px 0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--primary-yellow);text-decoration:none}.nav-link.active{color:var(--primary-yellow);border-bottom-color:var(--primary-yellow)}.mobile-menu-toggle{color:var(--text-white);cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (width<=767px){.mobile-menu-toggle{display:block}.header-nav{background-color:var(--surface-black);border-bottom:1px solid var(--interactive-light-border);opacity:0;pointer-events:none;flex-direction:column;gap:16px;width:100%;padding:24px;transition:all .2s;position:absolute;top:80px;left:0;transform:translateY(-10px);box-shadow:0 10px 15px -3px #00000080}.header-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{text-align:left;border-radius:var(--border-radius-small);border-bottom:none;width:100%;padding:12px 16px}.nav-link.active{border-bottom:none;border-left:4px solid var(--primary-yellow);background-color:#ffd02b1a}}.site-footer{background-color:var(--surface-black);border-top:1px solid var(--interactive-light-border);margin-top:4rem;padding:4rem 2rem 1.5rem;font-family:Inter,sans-serif}.footer-container{max-width:var(--max-width);margin:0 auto}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}@media (width<=768px){.footer-top{grid-template-columns:1fr;gap:2rem}}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-logo{color:var(--text-white);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.footer-logo:hover{text-decoration:none}.footer-logo-icon{color:var(--primary-yellow)}.footer-tagline{color:var(--border-gray-dark);max-width:300px;font-size:.95rem;line-height:1.5}.footer-socials{gap:1rem;margin-top:.5rem;display:flex}.footer-socials a{color:var(--border-gray-dark);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.footer-socials a:hover{color:var(--primary-yellow);transform:translateY(-2px)}.footer-heading{color:var(--text-white);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:var(--border-gray-dark);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links li a:hover{color:var(--primary-yellow);text-decoration:none}.footer-bottom{border-top:1px solid var(--interactive-light-border);text-align:center;color:var(--border-gray-dark);padding-top:1.5rem;font-size:.9rem}.btn{cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;transition:all .2s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary,.btn-accent{background-color:var(--primary-yellow);color:var(--interactive-black);border-radius:var(--border-radius-card);height:60px;box-shadow:var(--shadow-float);border:0 solid #0000;padding:16px 32px;font-size:18px;font-weight:600}.btn-primary:hover:not(:disabled),.btn-accent:hover:not(:disabled){background-color:var(--primary-yellow-lighter);box-shadow:var(--shadow-glow)}.btn-primary:active:not(:disabled),.btn-accent:active:not(:disabled){background-color:var(--accent-yellow-muted)}.btn-primary:disabled,.btn-accent:disabled{background-color:var(--accent-yellow-muted);opacity:.5;box-shadow:none}.btn-secondary{background-color:var(--interactive-black);color:var(--text-white);border-radius:var(--border-radius-card);border:1px solid var(--interactive-light-border);height:58px;box-shadow:none;padding:16px 32px;font-size:16px;font-weight:400}.btn-secondary:hover:not(:disabled){background-color:var(--interactive-dark-gray);border-color:var(--border-dark-gray)}.btn-secondary:active:not(:disabled){background-color:var(--surface-dark-charcoal)}.btn-secondary:disabled{background-color:var(--interactive-black);border-color:var(--interactive-medium-gray);color:var(--border-gray-dark)}.btn-ghost{color:var(--text-white);border-radius:var(--border-radius-card);height:auto;box-shadow:none;background-color:#0000;padding:12px 16px;font-size:16px;font-weight:400}.btn-ghost:hover:not(:disabled){background-color:#ffffff1a}.btn-ghost:active:not(:disabled){background-color:#fff3}.btn-icon{background-color:var(--interactive-black);color:var(--text-white);width:40px;height:40px;box-shadow:none;border:none;border-radius:0;padding:0}.btn-icon:hover:not(:disabled){background-color:var(--interactive-dark-gray)}.btn-small{background-color:var(--primary-yellow);color:var(--interactive-black);border-radius:var(--border-radius-card);height:48px;box-shadow:var(--shadow-float);padding:12px 24px;font-size:14px;font-weight:600}.btn-small:hover:not(:disabled){background-color:var(--primary-yellow-lighter);box-shadow:var(--shadow-glow)}.card{transition:all .3s}.card-standard,.card-dark{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);color:var(--text-white);box-shadow:var(--shadow-raise);padding:24px}.card-standard:hover,.card-dark:hover{border-color:var(--border-gray-dark)}.card-featured{background-color:var(--primary-yellow);color:var(--interactive-black);box-shadow:var(--shadow-glow);border:0 solid #0000;border-radius:24px;padding:40px}.card-featured h1,.card-featured h2,.card-featured h3,.card-featured h4,.card-featured p{color:var(--interactive-black)!important}.card-transparent{box-shadow:none;background-color:#0000;border:none;padding:24px}.home-page{background-color:var(--surface-black);flex-direction:column;display:flex}.hero-section{padding:120px var(--page-padding-x) var(--section-padding-y);background-color:var(--surface-black);text-align:center;justify-content:center;display:flex}.hero-content{max-width:900px}.hero-content h1{font-size:var(--font-h1);line-height:var(--line-h1);color:var(--text-white);margin-bottom:24px;font-weight:900}.hero-subtitle{font-size:var(--font-body);line-height:var(--line-body);color:var(--border-gray-dark);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;gap:20px;display:flex}section{padding:var(--section-padding-y) var(--page-padding-x);justify-content:center;display:flex}section>div{max-width:var(--max-width);width:100%}section h2{text-align:center;font-size:var(--font-h2);line-height:var(--line-h2);margin-bottom:1rem;font-weight:800}.section-subtitle{text-align:center;color:var(--border-gray-dark);max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:18px}.trusted-section{padding:64px var(--page-padding-x);background-color:#f3f4f6;border-bottom:none;flex-direction:column;align-items:center}.trusted-label{color:var(--interactive-black);letter-spacing:.05em;text-align:center;margin-bottom:2rem;font-size:14px;font-weight:600}.trusted-logos{opacity:.8;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;display:flex}.logo-placeholder{color:var(--interactive-black);opacity:.7;font-size:1.25rem;font-weight:800}.solutions-section{background-color:var(--surface-black)}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.solution-card{flex-direction:column;align-items:flex-start;transition:all .3s;display:flex}.solution-card h3{color:var(--text-white);margin-bottom:12px;font-size:20px}.solution-card p{color:var(--border-gray-dark);font-size:16px;line-height:1.6}.solution-card:hover{border-color:var(--primary-yellow);transform:translateY(-5px)}.solution-card.card-featured:hover{box-shadow:var(--shadow-glow);transform:translateY(-5px)}.solution-icon{margin-bottom:1.5rem}.workflow-section{color:var(--interactive-black);background-color:#f3f4f6}.workflow-section h2{color:var(--interactive-black)}.workflow-steps{justify-content:space-between;align-items:flex-start;margin-top:4rem;display:flex}.workflow-step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{background-color:var(--primary-yellow);width:48px;height:48px;color:var(--interactive-black);box-shadow:var(--shadow-raise);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:900;display:flex}.workflow-step h4{color:var(--interactive-black);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.workflow-step p{color:#4b5563;font-size:15px}.workflow-connector{background-color:var(--border-gray-medium);z-index:0;flex:1;height:2px;margin-top:24px}.testimonials-section{background-color:var(--surface-black)}.testimonials-section h2{color:var(--text-white)}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.testimonial-card{position:relative}.testimonial-card h3,.testimonial-card h4{color:var(--text-white)}.quote-icon{color:var(--primary-yellow);opacity:.2;position:absolute;top:1.5rem;right:1.5rem}.testimonial-text{color:var(--text-secondary);margin-bottom:2rem;font-size:18px;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{background-color:var(--primary-yellow);width:40px;height:40px;color:var(--interactive-black);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.author-name{color:var(--text-white);font-weight:600}.author-role{color:var(--border-gray-dark);font-size:14px}.cta-section{background-color:var(--surface-black);text-align:center;padding:6rem var(--page-padding-x)}.cta-section h2{color:var(--text-white);margin-bottom:1rem}.cta-section p{color:var(--border-gray-dark);font-size:var(--font-body);margin-bottom:2.5rem}.cta-actions{justify-content:center;gap:1.5rem;display:flex}@media (width<=1024px){.solutions-grid,.testimonials-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.hero-section{padding-top:80px}.hero-actions{flex-direction:column;width:100%}.hero-actions button{width:100%}.workflow-steps{flex-direction:column;align-items:center;gap:3rem}.workflow-connector{display:none}.cta-actions{flex-direction:column;width:100%}.cta-actions button{width:100%}}.settings-page{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:800px;margin:0 auto}.settings-container{flex-direction:column;display:flex}.settings-section{margin-bottom:48px}.settings-section h2{margin-bottom:8px}.settings-section h3{border-bottom:1px solid var(--interactive-light-border);margin-bottom:24px;padding-bottom:16px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-white);margin-bottom:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.form-input,.form-select{border-radius:var(--border-radius-input);border:1px solid var(--border-dark-gray);width:100%;color:var(--text-secondary);background-color:var(--interactive-black);outline:none;height:58px;padding:16px 20px;font-family:Inter,sans-serif;font-size:16px;transition:all .2s}select.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.form-input:focus,.form-select:focus{border-color:var(--primary-yellow);box-shadow:var(--shadow-focus);outline:none}textarea.form-input{height:auto;min-height:120px}.settings-actions{border-top:1px solid var(--interactive-light-border);justify-content:flex-end;padding-top:24px;display:flex}@media (width<=767px){.settings-actions button{width:100%}.settings-actions{flex-direction:column;gap:12px}}.chat-layout{background-color:var(--surface-black);width:100%;height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.sidebar-toggle-btn,.sidebar-overlay{display:none}.chat-sidebar{background-color:var(--surface-black);border-right:1px solid var(--interactive-light-border);z-index:100;flex-direction:column;flex-shrink:0;width:280px;padding:16px;transition:transform .3s;display:flex}.new-chat-btn{background-color:var(--interactive-black);color:var(--text-white);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-card);cursor:pointer;text-align:left;align-items:center;gap:12px;height:48px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.new-chat-btn:hover{background-color:var(--interactive-dark-gray);border-color:var(--border-dark-gray)}.chat-history-sidebar{flex-grow:1;margin-top:24px;overflow-y:auto}.history-section-title{color:var(--border-gray-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:8px;font-size:12px;font-weight:600;transition:color .2s}.history-section-title:hover{color:var(--primary-yellow)}.history-item{border-radius:var(--border-radius-small);cursor:pointer;color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0000;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;overflow:hidden}.history-item:hover{background-color:var(--interactive-dark-gray);color:var(--primary-yellow)}.history-item.active{background-color:var(--interactive-dark-gray);color:var(--primary-yellow);border-left-color:var(--primary-yellow)}.sidebar-footer{border-top:1px solid var(--interactive-light-border);padding-top:16px}.user-profile{border-radius:var(--border-radius-small);cursor:pointer;align-items:center;padding:8px;transition:background .2s;display:flex}.user-profile:hover{background-color:var(--interactive-dark-gray)}.user-info{color:var(--text-white);align-items:center;gap:12px;font-weight:500;display:flex}.user-avatar{background-color:var(--primary-yellow);width:32px;height:32px;color:var(--interactive-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-main-area{background-color:var(--surface-black);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow-y:auto}@media (width<=767px){.sidebar-toggle-btn{z-index:101;background-color:var(--surface-dark-charcoal);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-small);color:var(--text-white);box-shadow:var(--shadow-lift);align-items:center;padding:8px 12px;display:flex;position:absolute;top:12px;left:12px}.chat-sidebar{height:100%;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 15px #00000080}.chat-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:90;background-color:#000000b3;width:100%;height:100%;display:block;position:absolute;top:0;left:0}}.chat-dashboard{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1200px;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.dashboard-header h2{color:var(--text-white);margin-bottom:8px}.dashboard-header p{color:var(--border-gray-dark)}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.stat-card{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);align-items:center;gap:24px;padding:32px;display:flex}.stat-card svg{color:var(--primary-yellow)}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text-white);font-family:Inter,sans-serif;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--border-gray-dark);margin-top:4px;font-size:14px}.recent-activity h3{color:var(--text-white);margin-bottom:24px;font-size:24px}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{cursor:pointer;background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);justify-content:space-between;align-items:center;padding:24px 32px;transition:all .2s ease-in-out;display:flex}.activity-item:hover{border-color:var(--primary-yellow);transform:translateY(-2px)}.activity-content h4{color:var(--text-white);margin-bottom:8px;font-size:18px}.activity-content p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:600px;font-size:14px;overflow:hidden}.activity-time{color:var(--border-gray-dark);white-space:nowrap;margin-left:24px;font-size:14px}@media (width<=1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.dashboard-stats{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header button{width:100%}.activity-item{flex-direction:column;align-items:flex-start;gap:12px}.activity-time{margin-left:0}}.chat-conversation-wrapper{background-color:var(--surface-black);flex-direction:column;width:100%;height:100%;display:flex}.chat-messages-container{flex-direction:column;flex-grow:1;align-items:center;gap:32px;padding:40px 24px;display:flex;overflow-y:auto}.message-wrapper{width:100%;max-width:800px;display:flex}.message-user{justify-content:flex-end}.message-ai{justify-content:flex-start}.message-content-box{gap:16px;max-width:80%;display:flex}.message-user .message-content-box{background-color:var(--surface-dark-charcoal);color:var(--text-white);border-radius:var(--border-radius-card);border:1px solid var(--interactive-light-border);border-bottom-right-radius:4px;padding:16px 24px}.message-user .message-text p{color:var(--text-white)}.message-ai .message-content-box{color:var(--text-white);background-color:#0000}.ai-avatar{background-color:var(--primary-yellow);width:32px;height:32px;color:var(--interactive-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:flex}.message-text{font-size:16px;line-height:1.6}.message-text p{margin-bottom:12px}.message-text p:last-child{margin-bottom:0}.message-actions{opacity:0;gap:12px;margin-top:16px;transition:opacity .2s;display:flex}.message-ai:hover .message-actions{opacity:1}.message-actions button{color:var(--border-gray-dark);cursor:pointer;background:0 0;border:none;transition:color .2s}.message-actions button:hover{color:var(--primary-yellow)}.chat-input-container{background:linear-gradient(180deg, #0000 0%, var(--surface-black) 20%);flex-direction:column;align-items:center;padding:24px 24px 32px;display:flex;position:relative}.chat-input-box{background-color:var(--surface-black);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-full);width:100%;max-width:800px;box-shadow:var(--shadow-raise);align-items:flex-end;gap:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-box:focus-within{border-color:var(--primary-yellow);box-shadow:var(--shadow-focus)}.icon-btn{color:var(--border-gray-dark);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;transition:all .2s;display:flex}.icon-btn:hover{color:var(--primary-yellow);background-color:var(--interactive-dark-gray)}.chat-input-box textarea{color:var(--text-white);resize:none;background:0 0;border:none;outline:none;flex-grow:1;max-height:200px;padding:6px 0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}.chat-input-box textarea::placeholder{color:var(--border-gray-dark)}.send-btn{background-color:var(--primary-yellow);color:var(--interactive-black);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background-color:var(--primary-yellow-lighter)}.send-btn:disabled{background-color:var(--interactive-medium-gray);color:var(--border-gray-dark);cursor:not-allowed}.disclaimer{color:var(--border-gray-dark);text-align:center;margin-top:12px;font-size:12px}@media (width<=767px){.chat-messages-container{padding:24px 16px}.message-content-box{max-width:95%}.chat-input-container{padding:16px 16px 24px}}.chat-input-container.drag-active{background:#ffd02b0d}.drag-overlay{z-index:10;color:var(--text-white);border:2px dashed var(--primary-yellow);border-radius:var(--border-radius-card);background:#000000e6;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.attachments-preview{flex-wrap:wrap;gap:8px;width:100%;max-width:800px;margin-bottom:12px;display:flex}.attachment-item{background-color:var(--surface-dark-charcoal);color:var(--text-white);border:1px solid var(--interactive-light-border);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.remove-attachment{color:var(--border-gray-dark);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:0;display:flex}.remove-attachment:hover{color:#ef4444}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.icon-btn.listening{color:#ef4444;background-color:#ef44441a;animation:1.5s infinite pulse}@keyframes loadingBlink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.loading-dots span{font-size:24px;line-height:10px;animation:1.4s infinite both loadingBlink}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.chat-history-page{width:100%;max-width:1200px;margin:0 auto;padding:40px 60px}.history-header{margin-bottom:40px}.history-card{overflow:hidden;padding:24px 0!important}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{border-bottom:var(--border-subtle);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;padding:16px 32px;font-size:14px;font-weight:600}.history-table td{border-bottom:var(--border-subtle);color:var(--color-text-body);cursor:pointer;padding:20px 32px;transition:background .2s}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover td{background-color:#0f172a05}.title-cell{width:25%;color:var(--color-primary)!important}.snippet-cell{white-space:nowrap;text-overflow:ellipsis;width:45%;max-width:0;overflow:hidden}.date-cell,.action-cell{width:15%}.action-cell button{border:1px solid var(--color-text-light);border-radius:var(--border-radius-full);color:var(--color-primary);cursor:pointer;background:0 0;padding:6px 12px;font-family:Inter,sans-serif;font-weight:500;transition:all .2s}.action-cell button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (width<=1024px){.snippet-cell{display:none}}@media (width<=768px){.chat-history-page{padding:24px}.history-table th,.history-table td{padding:16px}.date-cell{display:none}}.models-layout{background-color:var(--surface-black);width:100%;height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.sidebar-toggle-btn,.sidebar-overlay{display:none}.models-sidebar{background-color:var(--surface-black);border-right:1px solid var(--interactive-light-border);z-index:100;flex-direction:column;flex-shrink:0;width:280px;padding:32px 16px;transition:transform .3s;display:flex}.sidebar-heading{color:var(--text-white);margin-bottom:32px;padding-left:12px;font-size:20px;font-weight:700}.models-nav{flex-direction:column;gap:8px;display:flex}.nav-item{border-radius:var(--border-radius-small);cursor:pointer;color:var(--text-white);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--interactive-dark-gray);color:var(--primary-yellow)}.nav-item.active{background-color:var(--interactive-dark-gray);color:var(--primary-yellow);border-left-color:var(--primary-yellow)}.models-main-area{background-color:var(--surface-black);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow-y:auto}@media (width<=767px){.sidebar-toggle-btn{z-index:101;background-color:var(--surface-dark-charcoal);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-small);color:var(--text-white);box-shadow:var(--shadow-lift);align-items:center;padding:8px 12px;display:flex;position:absolute;top:12px;left:12px}.models-sidebar{height:100%;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 15px #00000080}.models-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:90;background-color:#000000b3;width:100%;height:100%;display:block;position:absolute;top:0;left:0}}.model-selection-page{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1200px;margin:0 auto}.page-header{margin-bottom:48px}.page-header h2{color:var(--text-white);margin-bottom:8px;font-weight:800}.page-header p{color:var(--border-gray-dark);margin-top:8px;font-size:18px}.models-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.model-card{cursor:pointer;background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);flex-direction:column;transition:all .2s ease-in-out;display:flex;padding:32px!important}.model-card:hover{border-color:var(--primary-yellow);transform:translateY(-2px)}.model-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.model-card-header h3{color:var(--text-white);margin:0;font-size:24px;font-weight:700}.model-badge{background-color:var(--primary-yellow);color:var(--interactive-black);border-radius:var(--border-radius-full);text-transform:uppercase;white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:900;line-height:16px}.model-provider{color:var(--border-gray-dark);margin-bottom:16px;font-size:14px;font-weight:500}.model-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:32px;font-size:15px;line-height:1.6}.model-card-actions{margin-top:auto}@media (width<=1199px){.models-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.models-grid{grid-template-columns:1fr}}.model-details-page{padding:40px var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1000px;margin:0 auto}.back-btn{color:var(--border-gray-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;font-family:Inter,sans-serif;font-weight:500;transition:color .2s;display:flex}.back-btn:hover{color:var(--primary-yellow)}.details-header{margin-bottom:48px}.details-header h1{color:var(--text-white);margin-bottom:8px}.provider-subtitle{color:var(--border-gray-dark);font-size:18px}.details-content{grid-template-columns:1fr 1fr;gap:32px;display:grid}.capabilities-list{margin-top:24px;list-style:none}.capabilities-list li{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:16px;font-size:16px;display:flex}.capabilities-list li svg{color:var(--primary-yellow)}.pricing-grid{flex-direction:column;gap:16px;margin-top:24px;display:flex}.price-item{background-color:var(--surface-dark-charcoal);border-radius:var(--border-radius-input);border:1px solid var(--interactive-light-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.price-label{color:var(--text-white);font-weight:500}.price-value{color:var(--primary-yellow);font-family:Inter,sans-serif;font-weight:800}@media (width<=768px){.model-details-page{padding:24px}.details-content{grid-template-columns:1fr}}.model-compare-page{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1200px;margin:0 auto}.compare-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.compare-card{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);flex-direction:column;display:flex;padding:32px!important}.compare-card h3{color:var(--text-white);margin-bottom:4px;font-size:24px}.compare-card .provider{color:var(--border-gray-dark);margin-bottom:24px;font-size:14px}.price-tag{color:var(--primary-yellow);align-items:baseline;gap:8px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:32px;font-weight:800;display:flex}.price-tag span{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.feature-list{flex-direction:column;gap:16px;margin-bottom:32px;list-style:none;display:flex}.feature-list li{color:var(--text-secondary);align-items:center;gap:12px;font-size:15px;display:flex}.feature-list li svg{color:var(--primary-yellow)}@media (width<=1024px){.compare-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.compare-grid{grid-template-columns:1fr}}.model-usage-page{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1200px;margin:0 auto}.usage-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.usage-stat-card{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);flex-direction:column;display:flex;padding:24px!important}.stat-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-header svg{color:var(--primary-yellow)}.stat-title{color:var(--border-gray-dark);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.stat-value{color:var(--text-white);margin-bottom:8px;font-family:Inter,sans-serif;font-size:36px;font-weight:800;line-height:1}.stat-subtitle{color:var(--border-gray-dark);font-size:14px}.chart-placeholder{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);padding:32px!important}.chart-header{margin-bottom:32px}.chart-header h3{color:var(--text-white)}.chart-header p{color:var(--border-gray-dark)}.mock-bar-chart{flex-direction:column;gap:24px;display:flex}.bar-item{align-items:center;gap:16px;display:flex}.bar-label{width:120px;color:var(--text-white);font-weight:500}.bar-track{background-color:var(--surface-black);border-radius:var(--border-radius-full);border:1px solid var(--interactive-light-border);flex-grow:1;height:24px;overflow:hidden}.bar-fill{background-color:var(--primary-yellow);border-radius:var(--border-radius-full);height:100%}.bar-value{text-align:right;width:60px;color:var(--text-secondary);font-weight:600}@media (width<=1024px){.usage-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.usage-stats-grid{grid-template-columns:1fr}.bar-item{flex-direction:column;align-items:flex-start;gap:8px}.bar-label,.bar-value{text-align:left;width:100%}.bar-track{width:100%}}.mcq-upload-page{padding:var(--section-padding-y) var(--page-padding-x);background-color:var(--surface-black);width:100%;max-width:1200px;margin:0 auto}.upload-container{flex-direction:column;gap:32px;display:flex}.upload-header h1{font-size:var(--font-h2);line-height:var(--line-h2);color:var(--text-white);margin-bottom:16px}.upload-header p{color:var(--border-gray-dark);font-size:var(--font-body)}.template-download-section{background-color:var(--surface-dark-charcoal);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-card);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.template-download-section p{color:var(--text-white);margin:0;font-size:18px;font-weight:600}.download-controls{align-items:center;gap:16px;display:flex}.format-select{background-color:var(--surface-black);color:var(--text-white);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-input);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;outline:none;height:48px;padding:12px 40px 12px 16px;font-family:Inter,sans-serif;font-size:14px}.format-select:focus{border-color:var(--primary-yellow);box-shadow:var(--shadow-focus)}.drop-zone{border:2px dashed var(--border-dark-gray);border-radius:var(--border-radius-card);text-align:center;cursor:pointer;background-color:var(--surface-dark-charcoal);flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:64px 24px;transition:all .2s;display:flex}.drop-zone.active,.drop-zone:hover{border-color:var(--primary-yellow);background-color:#ffd02b0d}.drop-zone-text{color:var(--text-white);margin-bottom:12px;font-size:24px;font-weight:700}.drop-zone-subtext{color:var(--border-gray-dark);font-size:16px}.upload-result{background-color:var(--surface-dark-charcoal);border:1px solid var(--primary-yellow);border-radius:var(--border-radius-card);flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.title-input-row{align-items:center;gap:12px;width:100%;display:flex}.title-input{background-color:var(--surface-black);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-input);color:var(--text-white);outline:none;flex-grow:1;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.title-input:focus{border-color:var(--primary-yellow);box-shadow:var(--shadow-focus)}.title-input::placeholder{color:var(--border-gray-dark)}.url-display-row{background-color:var(--surface-black);border-radius:var(--border-radius-small);align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.url-display-row span{color:var(--primary-yellow);word-break:break-all;flex-grow:1;font-size:16px;font-weight:700}.copy-btn{background-color:var(--primary-yellow);color:var(--interactive-black);border-radius:var(--border-radius-small);cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.copy-btn:hover{opacity:.85}.history-section{margin-top:16px}.history-section h2{color:var(--text-white);margin-bottom:20px;font-size:24px}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background-color:var(--surface-dark-charcoal);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-card);justify-content:space-between;align-items:center;padding:20px 24px;transition:border-color .2s;display:flex}.history-item:hover{border-color:var(--primary-yellow)}.history-item-info{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.history-item-title{color:var(--text-white);font-size:18px;font-weight:700}.history-item-url{color:var(--primary-yellow);word-break:break-all;font-size:14px;text-decoration:none}.history-item-url:hover{text-decoration:underline}.history-item-actions{flex-shrink:0;gap:8px;margin-left:16px;display:flex}.history-copy-btn{color:var(--primary-yellow);border:1px solid var(--primary-yellow);border-radius:var(--border-radius-small);cursor:pointer;white-space:nowrap;background-color:#0000;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.history-copy-btn:hover{background-color:var(--primary-yellow);color:var(--interactive-black)}.history-delete-btn{color:#ef4444;border-radius:var(--border-radius-small);cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #ef4444;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.history-delete-btn:hover{color:#fff;background-color:#ef4444}.no-history{color:var(--border-gray-dark);text-align:center;background-color:var(--surface-dark-charcoal);border-radius:var(--border-radius-card);border:1px dashed var(--border-dark-gray);padding:32px;font-size:16px}@media (width<=768px){.template-download-section{flex-direction:column;align-items:flex-start;gap:16px}.download-controls{width:100%}.download-controls button{flex-grow:1}.drop-zone{min-height:300px}.title-input-row{flex-direction:column}.url-display-row,.history-item{flex-direction:column;align-items:flex-start;gap:12px}.history-item-actions{width:100%;margin-left:0}.history-item-actions button{flex-grow:1}}.mcq-test-page{padding:var(--section-padding-y) var(--page-padding-x);flex-direction:column;justify-content:center;width:100%;max-width:900px;min-height:80vh;margin:0 auto;display:flex}.start-test-screen,.completed-screen{text-align:center;background-color:var(--surface-dark-charcoal);border-radius:var(--border-radius-card);border:1px solid var(--interactive-light-border);padding:64px 32px}.start-test-screen h1,.completed-screen h1{color:var(--text-white);font-size:var(--font-h2);margin-bottom:16px}.start-test-screen p,.completed-screen p{color:var(--border-gray-dark);margin-bottom:32px;font-size:18px}.score-display{color:var(--primary-yellow);margin-bottom:16px;font-size:48px;font-weight:900}.question-container{flex-direction:column;gap:24px;width:100%;display:flex}.question-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.question-number{background-color:var(--primary-yellow);color:var(--interactive-black);border-radius:var(--border-radius-full);white-space:nowrap;padding:8px 16px;font-size:14px;font-weight:800}.question-progress-bar{background-color:var(--surface-dark-charcoal);border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.question-progress-fill{background-color:var(--primary-yellow);border-radius:3px;height:100%;transition:width .3s}.question-score{color:var(--border-gray-dark);white-space:nowrap;font-size:14px;font-weight:600}.question-text{color:var(--text-white);white-space:pre-wrap;word-break:break-word;background-color:var(--surface-dark-charcoal);border:1px solid var(--interactive-light-border);border-radius:var(--border-radius-card);padding:24px;font-size:22px;font-weight:600;line-height:1.6}.options-grid{flex-direction:column;gap:12px;display:flex}.mcq-option{background-color:var(--surface-dark-charcoal);border:2px solid var(--border-dark-gray);border-radius:var(--border-radius-card);cursor:pointer;text-align:left;align-items:center;gap:16px;width:100%;min-height:60px;padding:18px 24px;transition:all .2s;display:flex}.mcq-option:hover:not(:disabled):not(.correct):not(.incorrect){border-color:var(--primary-yellow);background-color:#ffd02b0d}.mcq-option:disabled{cursor:not-allowed}.mcq-option.selected{border-color:var(--primary-yellow);background-color:#ffd02b14}.option-letter{background-color:var(--surface-black);width:36px;height:36px;color:var(--text-white);border:1px solid var(--border-dark-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:all .2s;display:flex}.mcq-option.selected .option-letter{background-color:var(--primary-yellow);color:var(--interactive-black);border-color:var(--primary-yellow)}.mcq-option-text{color:var(--text-white);white-space:pre-wrap;word-break:break-word;flex-grow:1;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}.mcq-option.correct{background-color:#10b9811a;border-color:#10b981;box-shadow:0 0 15px #10b98126}.mcq-option.correct .option-letter{color:#fff;background-color:#10b981;border-color:#10b981}.mcq-option.correct .mcq-option-text{color:#10b981;font-weight:600}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mcq-option.incorrect{background-color:#ef44441a;border-color:#ef4444;animation:.4s ease-in-out shake}.mcq-option.incorrect .option-letter{color:#fff;background-color:#ef4444;border-color:#ef4444}.mcq-option.incorrect .mcq-option-text{color:#ef4444}.action-buttons{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.action-buttons-left,.action-buttons-right{gap:12px;display:flex}.nav-btn{border-radius:var(--border-radius-card);cursor:pointer;border:none;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.prev-btn{color:var(--text-white);border:1px solid var(--border-dark-gray);background-color:#0000}.prev-btn:hover:not(:disabled){border-color:var(--text-white)}.submit-btn{background-color:var(--primary-yellow);color:var(--interactive-black)}.submit-btn:hover:not(:disabled){opacity:.85}.next-btn{background-color:var(--primary-yellow);color:var(--interactive-black)}.next-btn:hover:not(:disabled){opacity:.85}.loading-container{height:50vh;color:var(--primary-yellow);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.exit-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exit-dialog{background-color:var(--surface-dark-charcoal);border:1px solid var(--border-dark-gray);border-radius:var(--border-radius-card);text-align:center;width:90%;max-width:500px;padding:40px;box-shadow:0 20px 40px #000c}.exit-dialog h2{color:var(--text-white);margin-bottom:16px;font-size:24px}.exit-dialog p{color:var(--border-gray-dark);margin-bottom:32px;font-size:16px}.exit-dialog-actions{justify-content:center;gap:16px;display:flex}@media (width<=768px){.question-text{padding:20px;font-size:18px}.action-buttons{flex-direction:column}.action-buttons-left,.action-buttons-right{width:100%}.nav-btn{flex-grow:1}.exit-dialog-actions{flex-direction:column}.exit-dialog-actions button{width:100%}}:root{--primary-yellow:#ffd02b;--primary-yellow-lighter:#facc15;--accent-yellow-light:#fde047;--accent-yellow-muted:#eab308;--interactive-black:#000;--interactive-dark-gray:#232323;--interactive-medium-gray:#444;--interactive-light-border:#374151;--text-white:#fff;--text-secondary:#f3f4f6;--text-tertiary:#f3f4f6;--border-gray-light:#e5e7eb;--border-gray-medium:#d1d5db;--border-gray-dark:#9ca3af;--surface-black:#000;--surface-dark-charcoal:#18181a;--border-dark-gray:#4b5563;--border-light:#e5e7eb;--color-primary:#000;--color-secondary:#232323;--color-accent:#ffd02b;--color-accent-muted:#eab308;--color-bg-page:#000;--color-bg-surface:#18181a;--color-text-body:#fff;--color-text-light:#9ca3af;--max-width:1200px;--spacing-base:4px;--border-radius-full:9999px;--border-radius-card:12px;--border-radius-input:12px;--border-radius-small:12px;--shadow-flat:none;--shadow-raise:#0000001a 0px 1px 3px 0px, #0000001a 0px 1px 2px -1px;--shadow-lift:#0000001a 0px 10px 15px -3px, #0000001a 0px 4px 6px -4px;--shadow-float:#ffd02b66 0px 4px 25px 0px;--shadow-glow:#ffd02b99 0px 0px 16px 0px, #222 0px 2px 8px 0px;--shadow-hover:var(--shadow-raise);--shadow-header:none;--shadow-pressed:inset 0px 2px 4px #0003;--shadow-focus:#ffd02b33 0px 0px 0px 3px;--border-subtle:1px solid var(--interactive-light-border);--font-h1:72px;--line-h1:72px;--font-h2:60px;--line-h2:60px;--font-h3:18px;--line-h3:28px;--font-h4:14px;--line-h4:20px;--font-body:20px;--line-body:28px;--font-body-small:16px;--line-body-small:24px;--page-padding-x:40px;--section-padding-y:64px}@media (width<=1023px){:root{--font-h1:48px;--line-h1:48px;--font-h2:36px;--line-h2:40px;--page-padding-x:24px;--section-padding-y:48px}}@media (width<=639px){:root{--font-h1:36px;--line-h1:36px;--font-h2:28px;--line-h2:32px;--font-body:16px;--line-body:24px;--page-padding-x:16px;--section-padding-y:32px}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-white);background-color:var(--surface-black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-body);-webkit-font-smoothing:antialiased;font-size:var(--font-body)}h1,h2,h3,h4{color:var(--text-white);margin-bottom:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{font-size:var(--font-h1);line-height:var(--line-h1);font-weight:800}h2{font-size:var(--font-h2);line-height:var(--line-h2);font-weight:800}h3{font-size:var(--font-h3);line-height:var(--line-h3);font-weight:700}h4{font-size:var(--font-h4);line-height:var(--line-h4);font-weight:600}a{color:var(--primary-yellow);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-yellow-lighter);text-decoration:underline}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1;padding-top:80px}