:root{--bg: #f7f4ef;--ink: #1c1c1c;--muted: #5b5b5b;--accent: #0b6b5d;--accent-2: #d9730d;--panel: #ffffff;--panel-shadow: 0 10px 30px rgba(0, 0, 0, .08);--border: #e5dfd4}*{box-sizing:border-box}html,body{height:100%;min-height:100dvh}body{margin:0;font-family:Manrope,Helvetica Neue,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 20%,#fff4df,transparent 45%),radial-gradient(circle at 90% 0%,#e6f3f0,transparent 40%),var(--bg);overflow:hidden}#root{height:100%;min-height:100dvh}.topbar{position:fixed;top:0;left:0;right:0;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:none;z-index:5}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.mobile-only{display:none}.desktop-only{display:flex}.brand{font-weight:700;letter-spacing:.4px;font-size:16px}.shell{max-width:1200px;margin:0 auto;padding:84px 20px 20px;display:grid;grid-template-columns:280px 1fr;gap:18px;height:100vh}@media (max-width: 900px){.shell{grid-template-columns:1fr;height:auto}}@media (max-width: 640px){.topbar{height:auto;padding:12px 14px;gap:8px;flex-wrap:wrap}.topbar-actions{width:auto;justify-content:flex-end}.topbar-left{flex:1;justify-content:flex-start}.brand{flex:1;text-align:center}.desktop-only{display:none}.mobile-only{display:inline-flex}.mobile-hide{display:none!important}.shell{padding:64px 10px 12px;gap:12px;height:100dvh;min-height:100dvh}.panel{min-height:0;height:100%}.panel{flex:1;height:100%}.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(82vw,320px);transform:translate(-100%);transition:transform .2s ease;z-index:5;border-radius:0;padding:64px 16px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-account{margin:0;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fbf8f2;display:flex;flex-direction:column;gap:10px}.sidebar-account-title{font-size:14px;font-weight:600;margin-bottom:10px}.sidebar-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sidebar-account-actions button{width:100%;justify-content:flex-start;background:transparent;color:var(--ink);border:1px solid var(--border);padding:10px 12px;font-size:14px;text-align:left}.panel{height:100%;padding:12px}.chat{max-height:none;padding:0;gap:8px;flex:1}.composer-input{padding:8px;gap:8px}.composer{padding-top:6px;display:flex;flex-direction:column;gap:8px}.composer-input textarea{font-size:12px;line-height:1.3}.composer-input textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendations{grid-template-columns:1fr;gap:8px;margin-bottom:8px;max-height:none;overflow:visible;padding-bottom:0}.recommendation{padding:8px 10px;font-size:12px}.conversation-list{max-height:none}.dropdown-menu{min-width:160px}.credits-amount{font-size:28px}.activity-row{min-width:640px}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--panel-shadow);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}textarea,input[type=text],input[type=email],input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit}textarea{min-height:32px;resize:none}textarea:focus{outline:none;box-shadow:none}textarea::-webkit-resizer{display:none}.actions{margin-top:10px;display:flex;align-items:center;gap:12px}button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}button.secondary{background:#1a1a1a}button:disabled{opacity:.6;cursor:wait}.icon-button{background:transparent;border:1px solid var(--border);padding:6px 10px}.status{color:var(--muted);font-size:13px}.inline-link{background:transparent;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer}.chat{display:flex;flex-direction:column;gap:12px;min-height:0;max-height:none;overflow-y:auto;padding:4px;flex:1;position:relative}.chat.empty{padding:0;overflow:hidden}.turn{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#faf8f5;animation:fadeIn .4s ease-out forwards}.turn.user{border-color:#0b6b5d59;background:#f3fbf8}.turn.error{border-color:#a93d2066;background:#fff4f1}.turn h3{margin:0 0 6px;font-size:14px;color:var(--accent)}.summary{border-left:4px solid var(--accent-2);background:#fff7ed}.composer{border-top:1px dashed var(--border);padding-top:12px;margin-top:auto}.composer-input{display:flex;flex-direction:column-reverse;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff}.composer-input textarea{border:none;padding:4px 0;min-height:32px;background:transparent;line-height:1.35}.recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px;opacity:1;transition:opacity .3s ease,max-height .3s ease,margin-bottom .3s ease;overflow:hidden}.recommendations.hidden{opacity:0;pointer-events:none;max-height:0;margin-bottom:0}.recommendation{padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:#fbf8f2;cursor:pointer;font-size:13px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar h2{margin:0;font-size:16px;letter-spacing:.4px}.conversation-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto}.conversation{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fdfaf4;cursor:pointer}.conversation.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #0b6b5d4d}.conversation-title{font-size:13px;font-weight:600}.conversation-meta{margin-top:4px;font-size:11px;color:var(--muted)}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--panel-shadow);min-width:180px;display:none;z-index:10}.dropdown-menu button{background:transparent;color:var(--ink);padding:10px 12px;border:none;width:100%;text-align:left}.account-button{background:transparent;border:1px solid var(--border);padding:6px 10px;border-radius:10px;font-weight:600;color:var(--ink)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:4}.mobile-sidebar-backdrop.show{opacity:1;pointer-events:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:20}.modal{width:min(1100px,94vw);background:#fff;border-radius:20px;padding:24px;box-shadow:var(--panel-shadow)}.modal-content{display:flex;gap:28px;align-items:stretch}.modal-left{flex:.9;min-width:0}.modal-right{flex:1.1;display:flex;align-items:center;justify-content:center}.modal h3{margin:0 0 12px;font-size:30px}.modal img{width:100%;max-width:600px;border-radius:12px;margin:0}.modal-left{text-align:left}.modal-left .modal-actions{justify-content:flex-start}.auth-spinner{margin-top:8px;display:flex;justify-content:flex-start}.modal-left .status{margin-top:8px}@media (max-width: 780px){.modal-backdrop{align-items:flex-start;overflow-y:auto;padding:16px 12px 24px}.modal{width:100%;margin-top:8px}.modal-content{flex-direction:column}.modal img{max-width:none;margin-top:12px}}.modal-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}#creditsModal .modal{text-align:left}.activity-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.activity-page,.faq-page{display:flex;flex-direction:column;gap:12px;min-height:0}.faq-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:6px 14px}.faq-item{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:var(--panel-shadow)}.faq-question{font-size:18px;font-weight:600;margin-bottom:6px}.faq-answer{color:#4a4a4a;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.credits-page{display:flex;flex-direction:column;gap:12px;min-height:0}.credits-body,.activity-body{flex:1;min-height:0;overflow-y:auto;padding-right:6px}.credits-header{display:flex;align-items:center;justify-content:space-between;font-weight:600}.credits-header>div{font-size:22px}.back-link{background:transparent;border:none;color:var(--accent);padding:0;font-weight:600;display:inline-flex;align-items:center;gap:6px}.back-link .chevron{font-size:18px;line-height:1}.credits-amount{font-size:36px;font-weight:700}.credits-note{color:var(--muted);font-size:13px}.credits-actions{display:flex;justify-content:flex-end}.activity-table{display:flex;flex-direction:column;gap:8px;overflow-x:auto;position:relative;z-index:1}.activity-row{display:grid;grid-template-columns:1fr 180px 90px 120px 120px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fdfaf4;text-align:left;color:var(--ink);width:100%;min-width:720px}.activity-row.row-link{text-decoration:none;cursor:pointer;pointer-events:auto;position:relative;z-index:2}.activity-row.header{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f8f3ea}.activity-row.header div{font-weight:600}.activity-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{font-size:12px;color:var(--muted)}.credits-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fdfaf4;display:flex;flex-direction:column;gap:10px}.credits-card-title{font-weight:600}.credits-fee{font-size:12px;color:var(--muted)}.credits-history{margin-top:8px;display:flex;flex-direction:column;gap:10px}.credits-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fbf8f2}.credits-row.compact{padding:8px 12px}.credits-value{font-size:13px;font-weight:600;color:var(--ink)}.credits-meta{font-size:12px;color:var(--muted)}.icon-button.compact{padding:4px 8px}.icon-button.compact svg{width:20px;height:20px}.send-button{padding:6px 10px;border-radius:8px}.send-button.in-input{width:38px;height:38px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;box-shadow:0 8px 16px #0b6b5d2e;align-self:flex-end}.send-button svg{width:20px;height:20px}.progress-indicator{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--panel-shadow);z-index:3}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}