:root{--bg:#f5f1e8;--bg-2:#ebe6da;--surface:#fff;--surface-2:#f2eee2;--surface-3:#e5dfd0;--border:#dcd5c2;--border-strong:#bdb59f;--border-bright:#857e6a;--text:#1a1814;--text-muted:#5f5a4e;--text-dim:#8a8474;--text-faint:#c0baa7;--accent:#0a7d4f;--accent-ink:#fff;--accent-dim:#075b3a;--accent-soft:#0a7d4f0f;--accent-soft-2:#0a7d4f1f;--highlight:#e85d3c;--danger:#c5283d;--danger-bg:#fbe6e6;--success:#0a7d4f;--warn:#d68f1c;--provider-openai:#0a7d4f;--provider-anthropic:#c5641e;--provider-google:#2b6fdb;--provider-xai:#3a3a45;--provider-openrouter:#4f46e5;--provider-deepseek:#6b46c1;--provider-mistral:#d65a2c;--font-sans:"Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Plus Jakarta Sans", "Helvetica Neue", sans-serif;--font-code:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;font-family:var(--font-sans);color:var(--text);overscroll-behavior:none;font-size:13px}a{cursor:pointer;color:inherit;text-decoration:none}button{font-family:var(--font-sans)}input,textarea{font-family:var(--font-sans);box-sizing:border-box}.screen{background:var(--bg);color:var(--text);font-family:var(--font-sans);flex-direction:column;width:100%;height:100vh;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.screen-row{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}@media (max-width:768px){.screen{height:100dvh}}.mono{font-family:var(--font-sans);font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.up{text-transform:uppercase;letter-spacing:.06em}.hr{background:var(--border);width:100%;height:1px}.vr{background:var(--border);align-self:stretch;width:1px}.topbar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:14px;height:14px;position:relative}.brand-mark:after{content:"";background:var(--bg);position:absolute;inset:3px}.badge{border:1px solid var(--border);letter-spacing:.02em;color:var(--text-muted);background:var(--surface);align-items:center;gap:6px;height:20px;padding:2px 8px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.badge.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.badge.success{background:var(--success);color:#fff;border-color:var(--success)}.badge.warn{background:var(--warn);color:#fff;border-color:var(--warn)}.badge.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.badge.dot{padding-left:18px;position:relative}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.badge.dot.live{color:var(--success)}.badge.dot.warn{color:var(--warn)}.badge.dot.danger{color:var(--danger)}.btn{background:var(--surface);height:32px;color:var(--text);border:1px solid var(--border);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger);border-color:var(--border)}.btn.lg{height:40px;padding:0 18px;font-size:13.5px}.btn.xl{height:48px;padding:0 22px;font-size:14.5px}.btn.sm{height:26px;padding:0 10px;font-size:11.5px}.btn.icon{width:32px;padding:0}.btn.sm.icon{width:26px}.input{background:var(--surface);border:1px solid var(--border);height:38px;color:var(--text);font-family:var(--font-sans);outline:none;width:100%;padding:0 12px;font-size:13px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.lg{height:46px;font-size:14px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.card{background:var(--surface);border:1px solid var(--border)}.card.bordered{border:1px solid var(--border-strong)}.kpi{flex-direction:column;gap:6px;padding:16px;display:flex}.kpi-label{letter-spacing:.02em;color:var(--text-muted);font-size:11px;font-weight:500}.kpi-value{letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:600}.kpi-delta{color:var(--success);font-size:11.5px;font-weight:500}.kpi-delta.down{color:var(--danger)}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:auto;min-height:44px;padding:8px 16px;font-size:12.5px;display:flex}.row.head{letter-spacing:.04em;height:36px;min-height:36px;color:var(--text-muted);background:var(--surface-2);text-transform:uppercase;padding:0 16px;font-size:10.5px;font-weight:600}.side{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:240px;display:flex}.side-item{height:32px;color:var(--text-muted);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:10px;margin:0 8px;padding:0 10px;font-size:13px;display:flex}.side-item:hover{color:var(--text);background:var(--surface-2)}.side-item.active{color:var(--text);background:var(--accent-soft);border-left:0}.side-chat-row .side-item-delete-btn{opacity:0;pointer-events:none;transition:opacity .15s,color .15s,background .15s}.side-chat-row:hover .side-item-delete-btn,.side-chat-row.active .side-item-delete-btn{opacity:.6;pointer-events:auto}.side-chat-row .side-item-delete-btn:hover{opacity:1!important;color:var(--danger)!important;background:#ef44441f!important}@media (hover:none){.side-chat-row .side-item-delete-btn{opacity:.6;pointer-events:auto}}.side-section{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:14px 16px 6px;font-size:10px;font-weight:600}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.live{background:var(--success);box-shadow:0 0 0 3px #0a7d4f2e}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger)}.dot.muted{background:var(--text-dim)}.crosshatch{background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.divider-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border);flex:1;height:1px}.btn,.input,.card,.badge,.brand-mark,.brand-mark:after{border-radius:0!important}.dot,.badge.dot:before{border-radius:50%!important}body.dark{--bg:#0d0d10;--bg-2:#131316;--surface:#17171b;--surface-2:#1d1d22;--surface-3:#26262d;--border:#26262d;--border-strong:#3a3a42;--border-bright:#5a5a64;--text:#f4f1ea;--text-muted:#a8a39a;--text-dim:#7a7568;--text-faint:#4a463c;--provider-openai:#5ec99a;--provider-anthropic:#e8a868;--provider-google:#6da5ff;--provider-xai:#cfcfd4;--provider-openrouter:#818cf8;--provider-deepseek:#a888ff;--provider-mistral:#ff9569}@keyframes blink{50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes pulseSkeleton{0%,to{opacity:.35;transform:scale(.995)}50%{opacity:.85;transform:scale(1)}}.skeleton-shimmer{animation:1.6s ease-in-out infinite pulseSkeleton}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.landing-container{width:100%;max-width:1280px;margin:0 auto;padding:0 48px}.mobile-menu-btn{display:none}.mobile-nav-overlay{z-index:50;background:#0006;display:none;position:fixed;inset:0}.mobile-sidebar,.mobile-bottom-bar,.chat-mobile-header,.chat-mobile-composer,.history-mobile{display:none}.history-desktop{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wallet-mobile{display:none}.wallet-desktop{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.settings-mobile{display:none}.settings-desktop{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.billing-mobile{display:none}.billing-desktop{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pricing-mobile{display:none}.pricing-desktop{flex-direction:column;flex:1;display:flex}.images-desktop-header{display:block}.images-mobile-header{display:none}.images-messages-container{box-sizing:border-box;max-width:100%;padding:24px 28px;overflow-x:hidden}.images-composer-container{box-sizing:border-box;max-width:100%;padding:14px 24px 18px}.images-composer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.images-composer-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.images-composer-submit-btn{align-items:center;gap:8px;padding:7px 18px;font-size:12.5px;font-weight:600;display:inline-flex}.gallery-responsive-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.images-modal-body{width:100%;max-width:900px;max-height:92vh}.admin-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:220px;display:flex}.admin-hamburger-btn,.admin-drawer-backdrop,.admin-drawer-close-btn,.admin-mobile-banner{display:none}.admin-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.admin-setting-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 320px;align-items:center;gap:20px;padding:16px 20px;transition:background .15s;display:grid}.admin-modal-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-modal-grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:1024px){.landing-container{padding:0 32px}.landing-hero{flex-direction:column!important;gap:32px!important}.landing-hero-visual{display:none!important}.landing-features-grid{grid-template-columns:repeat(2,1fr)!important}.chat-right-panel{display:none!important}}@media (max-width:768px){.landing-container{padding:0 20px}.landing-nav-links{display:none!important}.mobile-menu-btn{display:flex!important}.landing-nav-actions{gap:6px!important}.landing-nav-actions .btn-ghost-hide{display:none!important}.landing-hero{padding:28px 0 20px!important}.landing-hero h1{font-size:40px!important}.landing-hero p{font-size:14px!important}.landing-hero-ctas{flex-wrap:wrap!important;gap:8px!important}.landing-hero-ctas .cta-hint,.landing-hero-visual{display:none!important}.landing-provider-strip{flex-wrap:wrap!important;gap:12px!important;padding:14px 0!important}.landing-features-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.landing-footer{flex-direction:column!important;gap:12px!important;padding:16px 0!important}.landing-footer-links{margin-left:0!important}.app-sidebar{display:none!important}.mobile-bottom-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-around;align-items:center;height:56px;padding:0 4px;display:flex!important}.mobile-bottom-btn{color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 12px;font-size:10px;text-decoration:none;display:flex}.mobile-bottom-btn.active{color:var(--accent)}.auth-right-panel{display:none!important}.auth-left-panel{padding:28px 24px!important}.app-header-subtitle{display:none!important}.responsive-grid-4{grid-template-columns:1fr 1fr!important}.responsive-grid-2{grid-template-columns:1fr!important}.responsive-hide{display:none!important}.responsive-full{flex:100%!important;width:100%!important}.chat-right-panel,.chat-desktop-header,.chat-desktop-composer{display:none!important}.chat-mobile-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;height:52px;padding:10px 16px;display:flex!important}.chat-mobile-composer{display:block!important}.chat-messages-outer{padding:14px 0!important}.chat-messages-inner{padding:0 16px!important}.history-desktop{display:none!important}.history-mobile{flex-direction:column;flex:1;overflow:hidden;display:flex!important}.wallet-desktop{display:none!important}.wallet-mobile{flex-direction:column;flex:1;overflow:hidden;display:flex!important}.settings-desktop{display:none!important}.settings-mobile{flex-direction:column;flex:1;overflow:hidden;display:flex!important}.billing-desktop{display:none!important}.billing-mobile{flex-direction:column;flex:1;overflow:hidden;display:flex!important}.pricing-desktop{display:none!important}.pricing-mobile{flex-direction:column;flex:1;overflow:hidden;display:flex!important}.images-desktop-header{display:none!important}.images-mobile-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 12px;box-sizing:border-box!important;max-width:100%!important;display:flex!important;overflow-x:hidden!important}.images-messages-container{box-sizing:border-box!important;max-width:100%!important;padding:12px 14px!important;overflow-x:hidden!important}.images-composer-container{box-sizing:border-box!important;max-width:100%!important;padding:10px 12px 12px!important;overflow-x:hidden!important}.images-composer-toolbar{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.images-composer-controls{box-sizing:border-box!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.images-composer-submit-btn{justify-content:center!important;width:100%!important;height:38px!important;font-size:13px!important}.gallery-responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.images-modal-body{max-width:100%!important;max-height:96vh!important;margin:8px!important}.admin-sidebar{z-index:1200!important;background:var(--surface)!important;border-right:1px solid var(--border)!important;width:270px!important;display:none!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;box-shadow:4px 0 32px #00000080!important}.admin-sidebar.open{animation:.22s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn;display:flex!important}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.admin-drawer-backdrop{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:1150!important;background:#000000a6!important;display:block!important;position:fixed!important;inset:0!important}.admin-drawer-close-btn{justify-content:center;align-items:center;display:flex!important}.admin-hamburger-btn{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex!important}.admin-mobile-banner{color:#d97706;background:#f59e0b14;border-bottom:1px solid #f59e0b40;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;font-size:11px;line-height:1.4;display:flex!important}.admin-grid-2{grid-template-columns:1fr!important;gap:12px!important}.admin-grid-4{grid-template-columns:1fr 1fr!important;gap:8px!important}.admin-setting-row{grid-template-columns:1fr!important;gap:12px!important;padding:14px 16px!important}.admin-modal-grid-2{grid-template-columns:1fr!important;gap:10px!important}.admin-modal-grid-3{grid-template-columns:1fr!important;gap:8px!important}.admin-modal-box{width:calc(100% - 20px)!important;max-height:94vh!important}.admin-modal-body{padding:14px!important}}.markdown-content p{margin-bottom:12px;line-height:1.6}.markdown-content p:last-child{margin-bottom:0}.markdown-content table{border-collapse:collapse;background:var(--surface);width:100%;margin:16px 0;font-size:13px}.markdown-content table th,.markdown-content table td{border:1px solid var(--border-strong);text-align:left;padding:8px 12px}.markdown-content table th{background:var(--surface-2);font-weight:600}.markdown-content ul,.markdown-content ol{margin:8px 0 16px 20px}.markdown-content li{margin-bottom:4px;line-height:1.5}.markdown-content pre{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-code);margin:12px 0;padding:12px;font-size:12px;overflow-x:auto}.markdown-content code{font-family:var(--font-code);background:var(--surface-2);padding:2px 4px;font-size:12px}.markdown-content pre code{background:0 0;padding:0}.katex-display{margin:12px 0;overflow:auto hidden}@media (max-width:480px){.landing-container{padding:0 16px}.landing-hero h1{font-size:32px!important}.landing-features-grid,.responsive-grid-4{grid-template-columns:1fr!important}.chat-messages-inner{padding:0 12px!important}.gallery-responsive-grid{grid-template-columns:1fr!important}.images-composer-controls{flex-direction:column!important;align-items:stretch!important;gap:6px!important}}.admin-responsive-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}@media (max-width:1100px){.admin-responsive-grid{grid-template-columns:1fr!important}}.admin-keys-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:1050px){.admin-keys-grid{grid-template-columns:1fr!important}}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.table-responsive-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.modal-scroll-body::-webkit-scrollbar{width:6px;height:6px}.table-responsive-scroll::-webkit-scrollbar{width:6px;height:6px}.matrix-scroll-body::-webkit-scrollbar{width:6px;height:6px}.modal-scroll-body::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}.table-responsive-scroll::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}.matrix-scroll-body::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}.modal-scroll-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.table-responsive-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.matrix-scroll-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.modal-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.table-responsive-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.matrix-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.modal-scroll-body,.table-responsive-scroll,.matrix-scroll-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-2)}.chat-turn-container{margin-bottom:32px}.chat-user-row{justify-content:flex-end;margin-bottom:20px;display:flex}.chat-user-bubble{background:var(--surface-2);border:1px solid var(--border-strong);max-width:84%;padding:12px 16px;transition:border-color .2s;position:relative;box-shadow:0 2px 8px #0000001f}.chat-user-bubble:hover{border-color:var(--border-bright)}.chat-user-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:11px;display:flex}.chat-user-content{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.6}.chat-assistant-row{gap:14px;margin-bottom:12px;display:flex;position:relative}.chat-assistant-body{flex:1;min-width:0}.chat-assistant-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.chat-turn-divider{background:var(--border);opacity:.35;height:1px;margin:28px 0 32px}.chat-action-bar{align-items:center;gap:8px;margin-top:14px;padding-top:8px;display:flex}.chat-action-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:3px 8px;font-family:inherit;font-size:11px;transition:all .15s;display:inline-flex}.chat-action-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.table-action-menu-item{cursor:pointer;transition:background .15s,color .15s}.table-action-menu-item:hover{background:var(--surface-2)!important;color:var(--text)!important}.table-action-menu-item.danger:hover{color:#ef4444!important;background:#ef44441f!important}