@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #f7f2e8;--bg-2: #e6eef0;--surface: #ffffff;--surface-2: #f3efe7;--border: #e4ddd0;--text: #1f1b16;--muted: #6c655a;--accent: #e26d2b;--accent-2: #2f6f6d;--accent-3: #162736;--success: #1f7a64;--danger: #c14f2f;--shadow: 0 30px 60px rgba(23, 30, 38, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Plus Jakarta Sans,Noto Sans SC,system-ui,sans-serif;background:radial-gradient(circle at top,#fff7ed 0%,transparent 50%),radial-gradient(circle at 80% 20%,#e4f2f1 0%,transparent 55%),linear-gradient(120deg,var(--bg),var(--bg-2));color:var(--text)}h1,h2,h3,.brand-mark{font-family:Bricolage Grotesque,Noto Sans SC,sans-serif}.app-shell{display:grid;grid-template-columns:280px 1fr;height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;pointer-events:none;width:420px;height:420px;border-radius:50%;background:#e26d2b1f;top:-120px;right:120px;filter:blur(20px)}.app-shell:after{content:"";position:absolute;pointer-events:none;width:340px;height:340px;border-radius:50%;background:#2f6f6d24;bottom:-140px;left:60px;filter:blur(10px)}.sidebar{background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);padding:32px 24px;position:relative;height:100vh;display:flex;flex-direction:column;gap:24px;z-index:1;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:4px}.brand-mark{font-size:20px;letter-spacing:.5px}.brand-sub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.nav{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding-right:4px}.nav-group{display:flex;flex-direction:column;gap:8px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.nav-link{text-decoration:none;color:var(--text);padding:10px 12px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.nav-link:hover{background:#e26d2b1a}.nav-link.active{background:linear-gradient(120deg,#e26d2b2e,#2f6f6d2e);color:var(--accent-3);font-weight:600}.sidebar-footer{margin-top:auto;display:grid;gap:8px;font-size:12px;color:var(--muted)}.footer-value{font-size:13px;color:var(--text)}.main{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:1}.topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:24px 40px 16px;border-bottom:1px solid rgba(228,221,208,.6);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.topbar-left,.topbar-right{display:flex;gap:12px;flex-wrap:wrap}.filter{display:flex;flex-direction:column;gap:6px;min-width:160px}.filter.toggle{min-width:140px}.filter label{font-size:12px;color:var(--muted)}.filter-value,.filter select,.filter input{border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:#ffffffe6;font-size:14px;color:var(--text);transition:border .2s ease}.filter input:focus,.filter select:focus{outline:none;border-color:var(--accent-2)}.switch{position:relative;display:inline-flex;align-items:center;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#16273633;transition:.2s ease;border-radius:999px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:3px;background:#fff;transition:.2s ease;border-radius:50%;box-shadow:0 6px 12px #1627362e}.switch input:checked+.slider{background:#2f6f6d80}.switch input:checked+.slider:before{transform:translate(24px)}.filter-card{display:grid;gap:12px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.filter-summary{font-size:13px;color:var(--muted)}.content{padding:32px 40px 64px;display:flex;flex-direction:column;gap:24px;flex:1;overflow-y:auto;min-height:0}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;flex-direction:column;gap:12px}.page-kicker{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent-2)}.page-header h1{font-size:32px}.page-subtitle{max-width:680px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-size:28px;font-weight:600}.stat-delta{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.delta-pill{padding:4px 8px;border-radius:999px;background:#2f6f6d1f;color:var(--accent-2);font-weight:600}.stat-card.down .delta-pill{background:#c14f2f1f;color:var(--danger)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.planner-page{display:flex;flex-direction:column;min-height:0;flex:1}.planner-page-header{flex-shrink:0;padding-bottom:16px}.planner-section{flex-shrink:0;border-bottom:1px solid var(--border)}.planner-section-header{display:flex;align-items:center;gap:8px}.planner-section-toggle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:10px 4px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text);text-align:left}.planner-section-collapsed .planner-section-toggle{padding:6px 4px}.planner-section-toggle:hover{color:var(--accent-2)}.planner-chevron{font-size:10px;color:var(--muted);transition:transform .15s ease;flex-shrink:0;display:inline-block}.planner-chevron-right{transform:rotate(-90deg)}.planner-section-label{font-weight:600;font-size:14px}.planner-section-hint{font-size:12px;color:var(--muted);font-weight:400;margin-left:auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-section-action{margin-left:auto;flex-shrink:0}.planner-section-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .2s ease;overflow:hidden}.planner-section-body>*{overflow:hidden;min-height:0}.planner-section-collapsed .planner-section-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.planner-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:16px}.planner-dashboard-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding-bottom:16px}.planner-section-chat{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.planner-section-chat.planner-section-collapsed{flex:0 0 auto}.planner-section-chat .planner-section-body{flex:1;min-height:0}.chat-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding:20px 32px;gap:16px}.chat-fullscreen-header{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-fullscreen-header .chat-meta{margin-left:auto}.chat-fullscreen-overlay .chat-window{flex:1;max-height:none;min-height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.card-title{font-size:16px;font-weight:600}.card-subtitle{font-size:12px;color:var(--muted)}.focus-card{position:relative;padding-top:28px!important}.focus-badge{position:absolute;top:-1px;left:20px;background:var(--accent-3);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:0 0 8px 8px}.focus-header{display:flex;flex-direction:column;gap:4px}.focus-items{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;counter-reset:focus}.focus-items li{counter-increment:focus;position:relative;font-size:13px;line-height:1.5;color:var(--text);padding:8px 0 8px 28px;border-bottom:1px dashed var(--border)}.focus-items li:last-child{border-bottom:none;padding-bottom:0}.focus-items li:before{content:counter(focus);position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#2f6f6d1a;color:var(--accent-2);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.plan-list{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}.focus-skeleton{padding-top:28px!important}.focus-skeleton .skeleton-lines{display:flex;flex-direction:column;gap:14px;margin-top:8px}.focus-skeleton .skeleton-line{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--border) 0%,var(--bg) 50%,var(--border) 100%);background-size:200% 100%;animation:shimmer 2s infinite}.focus-skeleton .skeleton-line.short{width:60%}.ctr-rec-card{border-left:3px solid var(--accent)}.ctr-rec-list{display:flex;flex-direction:column;gap:0}.ctr-rec-item{padding:10px 0;border-bottom:1px solid var(--border)}.ctr-rec-item:last-child{border-bottom:none;padding-bottom:0}.ctr-rec-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ctr-rec-url{font-size:13px;font-weight:500;color:var(--accent-3);word-break:break-all}.ctr-rec-lift{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent-2);background:#2f6f6d1a;padding:2px 8px;border-radius:999px}.ctr-rec-metrics{display:flex;gap:6px;margin-bottom:6px}.ctr-rec-pill{font-size:11px;color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:999px}.ctr-rec-suggestion{font-size:13px;line-height:1.5;color:var(--text)}.task-hint{margin-top:auto;font-size:12px;color:var(--muted);border-top:1px dashed var(--border);padding-top:10px}.list-footer{display:flex;justify-content:flex-end;margin-top:8px}.ghost-button{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer}.ghost-button:hover{border-color:var(--accent-2);color:var(--accent-2)}.ai-panel{gap:16px}.ai-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ai-button{background:var(--accent-3);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.lang-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.ai-button:disabled{opacity:.6;cursor:not-allowed}.ai-output{white-space:pre-wrap;font-size:13px;line-height:1.6;background:#1627360a;border-radius:12px;padding:16px;color:var(--text)}.ai-output-toolbar{display:flex;justify-content:flex-end}.ai-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.ai-output.markdown{white-space:normal}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:0 0 10px;font-weight:600;color:var(--text)}.markdown p{margin:0 0 10px}.markdown ul,.markdown ol{margin:0 0 12px 18px;padding-left:16px}.markdown li{margin:4px 0}.markdown a{color:var(--accent-2);text-decoration:underline}.markdown code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;background:#16273614;padding:2px 6px;border-radius:6px}.markdown pre{background:#16273614;border-radius:10px;padding:12px 14px;overflow-x:auto}.markdown pre code{background:transparent;padding:0}.markdown tool_context,.chat-content tool_context{display:none}.markdown table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0}.markdown th,.markdown td{border:1px solid rgba(22,39,54,.12);padding:6px 8px;text-align:left;vertical-align:top}.markdown th{background:#1627360f}.chat-panel{gap:16px;flex:1;min-height:0;overflow-y:auto}.chat-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.chat-window{display:flex;flex-direction:column;gap:12px;padding:16px;min-height:220px;max-height:360px;overflow-y:auto;background:#1627360a;border-radius:14px;border:1px solid rgba(22,39,54,.08)}.chat-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{border:1px solid var(--border);background:#1627360a;color:var(--text);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.preset-chip:hover{border-color:var(--accent);color:var(--accent);background:#e26d2b14}.chat-message{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 18px #171e260f}.chat-message-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-message.user{align-self:flex-end;border-color:#e26d2b59;background:#e26d2b1f}.chat-message.assistant{align-self:stretch;border-color:#2f6f6d59;background:#2f6f6d14}.chat-role{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.chat-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#1627360a;color:var(--muted);font-size:11px;cursor:pointer}.chat-copy-btn svg{width:14px;height:14px;fill:currentColor}.chat-copy-btn:hover{border-color:var(--accent);color:var(--accent);background:#e26d2b14}.chat-copy-btn.copied{border-color:#2f6f6d80;color:var(--accent);background:#2f6f6d1f}.chat-content{white-space:pre-wrap;font-size:13px;line-height:1.6;color:var(--text)}.chat-content.markdown{white-space:normal}.summary-panel{border:1px dashed var(--border);border-radius:12px;padding:12px 14px;background:#16273608}.summary-panel summary{cursor:pointer;font-size:12px;color:var(--muted);letter-spacing:.3px}.summary-content{margin-top:10px;font-size:12px;line-height:1.6;white-space:pre-wrap;color:var(--text)}.chat-input{display:flex;flex-direction:column;gap:10px;position:relative}.chat-input textarea{border-radius:14px;border:1px solid var(--border);padding:14px 16px 48px;font-family:inherit;font-size:13px;line-height:1.5;background:var(--surface);resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.chat-input textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #2f6f6d1a}.chat-input .ai-button{position:absolute;bottom:10px;right:10px;border-radius:10px;padding:8px 20px;font-size:13px;letter-spacing:0;text-transform:none;font-family:inherit;font-weight:500;transition:background .15s ease,opacity .15s ease}.chat-input .ai-button:hover:not(:disabled){background:var(--accent-2)}.chat-hint{font-size:11px;color:var(--muted)}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-expand-btn-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin-left:auto;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;transition:border-color .15s ease,color .15s ease,background .15s ease}.chat-expand-btn-toggle svg{width:15px;height:15px}.chat-expand-btn-toggle:hover{border-color:var(--accent-2);color:var(--accent-2);background:#2f6f6d0f}.chat-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid rgba(22,39,54,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trace-panel,.trace-list{display:flex;flex-direction:column;gap:8px}.trace-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#16273608}.trace-item summary{cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text)}.trace-name{font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:11px;color:var(--muted)}.trace-target{font-size:12px;color:var(--text);word-break:break-all}.trace-body{margin-top:10px;display:grid;gap:10px}.trace-json{font-size:11px;line-height:1.5;background:#1627360f;border-radius:10px;padding:10px 12px;overflow-x:auto}.trace-screenshot{width:100%;border-radius:10px;border:1px solid rgba(22,39,54,.12);display:block}.trace-screenshot-link{display:block}.card.highlight{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#e26d2b14,#2f6f6d14)}.highlight-metric{font-size:20px;font-weight:600;color:var(--accent-2)}.section-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.section-header p{color:var(--muted);font-size:13px}.bar-list{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:center}.bar-label{font-size:13px;color:var(--text)}.bar-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--accent-2)}.bar-fill.down{background:var(--danger)}.bar-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.bar-delta.up{color:var(--accent-2);font-weight:600}.bar-delta.down{color:var(--danger);font-weight:600}.list{min-height:260px}.list-items{display:flex;flex-direction:column;gap:12px}.list-row{display:flex;flex-direction:column;gap:6px;border-bottom:1px dashed var(--border);padding-bottom:10px}.list-row:last-child{border-bottom:none;padding-bottom:0}.list-url{font-size:12px;color:var(--accent-3);word-break:break-all}.list-metrics{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#16273614;font-size:11px;text-transform:uppercase;letter-spacing:1px}.badge.accent{background:#e26d2b26;color:var(--accent-3)}.table-card{border-radius:18px;border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.table-card table{width:100%;border-collapse:collapse;font-size:13px}.table-card th,.table-card td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table-card th{background:var(--surface-2);color:var(--muted);font-weight:500}.table-card tr:hover{background:#e26d2b0d}.url-cell{font-size:12px;color:var(--accent-3);max-width:320px;word-break:break-all}.up{color:var(--accent-2)}.down{color:var(--danger)}.locale-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.locale-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #1627361f}.locale-card.active{border-color:var(--accent-2);box-shadow:0 20px 40px #2f6f6d33}.locale-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.metric-value{font-size:18px;font-weight:600}.metric-label{font-size:11px;color:var(--muted)}.locale-delta{font-size:12px;color:var(--muted);margin-top:12px}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#2f6f6d1f;color:var(--accent-2);padding:6px 10px;border-radius:999px;font-size:12px}.placeholder .skeleton{height:8px;border-radius:999px;background:linear-gradient(90deg,#f0e9df,#f8f3ec,#f0e9df);animation:shimmer 2s infinite}.placeholder .skeleton.short{width:60%}.callout{display:flex;align-items:center;justify-content:space-between;gap:12px}.callout-pill{background:#e26d2b26;color:var(--accent);padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600}.alert{padding:12px 16px;border-radius:12px;background:#c14f2f14;color:var(--danger);display:flex;align-items:center;gap:12px}.loading{padding:24px;border-radius:16px;background:#ffffffb3;text-align:center;color:var(--muted)}.empty{font-size:12px;color:var(--muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at top,rgba(226,109,43,.16),transparent 55%),radial-gradient(circle at bottom,rgba(47,111,109,.18),transparent 50%),#f5f2ec}.login-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 60px #16273624;display:flex;flex-direction:column;gap:12px}.login-header{display:flex;align-items:center;justify-content:space-between}.login-brand{font-weight:600;font-size:14px;letter-spacing:.5px}.login-form{display:grid;gap:10px}.login-form input{border-radius:12px;border:1px solid var(--border);padding:12px 14px;font-size:14px;font-family:inherit}.fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}[data-animate]{animation:fadeUp .6s ease both;animation-delay:var(--delay, 0s)}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.app-shell.sidebar-collapsed .sidebar{display:none}.sidebar-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--text);font-size:18px;line-height:1;transition:background .15s;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#e26d2b1a}.app-shell.sidebar-collapsed .sidebar-toggle{display:flex}.sidebar-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:18px;padding:4px;line-height:1}.sidebar-close:hover{color:var(--text)}.topbar.topbar-compact .topbar-right,.topbar.topbar-compact .filter-compare{display:none}.topbar-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--muted);font-size:14px;white-space:nowrap;transition:background .15s;font-family:inherit}.topbar-toggle:hover{background:#e26d2b1a;color:var(--text)}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}html,body{overflow:auto}.sidebar{position:relative;height:auto;overflow-y:visible;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.app-shell.sidebar-collapsed .sidebar{display:none}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.app-shell.sidebar-collapsed .sidebar-toggle{display:flex}.sidebar-close{position:static;margin-left:auto}.main{height:auto;overflow:visible}.content{overflow-y:visible;min-height:auto}.nav{flex-direction:row;flex-wrap:wrap;gap:12px}.nav-group{flex-direction:row;flex-wrap:wrap}.nav-title,.sidebar-footer{display:none}.topbar{padding:20px}.content{padding:24px}.planner-dashboard-grid{grid-template-columns:repeat(2,1fr)}.planner-dashboard-lists{grid-template-columns:1fr}}@media (max-width: 720px){.bar-row{grid-template-columns:1fr;gap:8px}.bar-meta{justify-content:flex-start;gap:12px}.table-card{overflow-x:auto}.stats-grid{grid-template-columns:1fr}.topbar-right,.topbar-left{width:100%}.chat-meta{flex-direction:column;align-items:flex-start}.planner-dashboard-grid{grid-template-columns:1fr}}.setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at top,rgba(226,109,43,.16),transparent 55%),radial-gradient(circle at bottom,rgba(47,111,109,.18),transparent 50%),#f5f2ec}.setup-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 60px #16273624;display:flex;flex-direction:column;gap:12px;animation:fadeUp .6s ease both}.setup-card h1{font-size:20px}.setup-card p{color:var(--muted);font-size:14px}.setup-form{display:grid;gap:10px}.setup-form input{border-radius:12px;border:1px solid var(--border);padding:12px 14px;font-size:14px;font-family:inherit}.setup-form input:focus{outline:none;border-color:var(--accent-2)}.password-hint{font-size:12px;color:var(--muted)}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at top,rgba(226,109,43,.16),transparent 55%),radial-gradient(circle at bottom,rgba(47,111,109,.18),transparent 50%),#f5f2ec}.onboarding-card{width:min(560px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 60px #16273624;display:flex;flex-direction:column;gap:20px;animation:fadeUp .6s ease both}.onboarding-card h1{font-size:20px}.step-indicator{display:flex;gap:8px;align-items:center}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:2px solid var(--border);color:var(--muted);transition:all .2s ease}.step-dot.active{border-color:var(--accent);background:#e26d2b1a;color:var(--accent)}.step-dot.done{border-color:var(--success);background:#1f7a641a;color:var(--success)}.step-line{flex:1;height:2px;background:var(--border)}.step-content{display:flex;flex-direction:column;gap:12px}.step-content h2{font-size:16px}.step-content p{color:var(--muted);font-size:14px;line-height:1.6}.instruction-list{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text);line-height:1.6;background:var(--surface-2);border-radius:12px;padding:16px}.instruction-link{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .2s ease}.instruction-link:hover{color:var(--accent)}.copy-btn{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;color:var(--accent-2);background:#2f6f6d14;border:1px solid rgba(47,111,109,.2);border-radius:6px;cursor:pointer;vertical-align:middle;transition:background .2s ease}.copy-btn:hover{background:#2f6f6d29}.oauth-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:500}.oauth-status.configured{background:#1f7a6414;color:var(--success)}.oauth-status.not-configured{background:#c14f2f14;color:var(--danger)}.oauth-form{display:flex;flex-direction:column;gap:12px;background:var(--surface-2);border-radius:12px;padding:16px}.oauth-form-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--text)}.oauth-form-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .2s ease}.oauth-form-input:focus{outline:none;border-color:var(--accent-2)}.oauth-form-input::placeholder{color:var(--muted);opacity:.6}.oauth-save-btn{align-self:flex-start;padding:8px 20px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:var(--accent-2);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.oauth-save-btn:hover:not(:disabled){opacity:.85}.oauth-save-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-save-feedback{font-size:12px;font-weight:500}.oauth-save-feedback.saved{color:var(--success)}.oauth-save-feedback.error{color:var(--danger)}.property-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.property-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.property-item:hover{border-color:var(--accent-2)}.property-item.selected{border-color:var(--accent);background:#e26d2b0f}.property-item.disabled{opacity:.5;cursor:not-allowed}.property-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.property-info{flex:1;display:flex;flex-direction:column;gap:2px}.property-url{font-size:14px;font-weight:500;color:var(--text)}.property-permission{font-size:12px;color:var(--muted)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.skip-link{font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}.skip-link:hover{color:var(--text)}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-page .page-header{display:flex;flex-direction:column;gap:8px}.settings-card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px}.settings-card h2{font-size:16px;display:flex;align-items:center;justify-content:space-between}.connection-item{border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.connection-header{display:flex;align-items:center;justify-content:space-between}.connection-email{font-size:14px;font-weight:500}.connection-date{font-size:12px;color:var(--muted)}.connection-properties{display:flex;flex-direction:column;gap:8px}.bound-property{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border-radius:10px;font-size:13px}.bound-property-info{display:flex;flex-direction:column;gap:2px}.bound-property-name{font-weight:500}.bound-property-meta{font-size:12px;color:var(--muted)}.btn-danger{background:none;border:1px solid var(--danger);color:var(--danger);border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:inherit}.btn-danger:hover{background:#c14f2f14}.property-selector{min-width:200px}.property-selector select{border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:#ffffffe6;font-size:14px;color:var(--text);width:100%;transition:border .2s ease}.property-selector select:focus{outline:none;border-color:var(--accent-2)}.chat-history{border-bottom:1px solid var(--border);padding-bottom:12px}.chat-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.chat-history-header .card-title{font-size:13px}.chat-history-new-btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:4px 12px;font-size:11px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.chat-history-new-btn:hover{border-color:var(--accent-2);color:var(--accent-2)}.chat-history-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.chat-history-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s ease;position:relative}.chat-history-item:hover{background:#1627360a}.chat-history-item.active{background:#2f6f6d1a}.chat-history-item-body{flex:1;min-width:0}.chat-history-item-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-item-meta{font-size:11px;color:var(--muted);display:flex;gap:8px}.chat-history-delete{opacity:0;border:none;background:none;color:var(--danger);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:6px;font-family:inherit;transition:opacity .15s ease,background .15s ease;flex-shrink:0}.chat-history-item:hover .chat-history-delete{opacity:1}.chat-history-delete:hover{background:#c14f2f1a}.chat-save-status{font-size:11px;color:var(--muted);padding:0 2px}