:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-50:#f6fefd;--primary-100:#d1faf7;--primary-200:#a3f5ee;--primary-400:#47ebdd;--primary-500:#1ae5d5;--primary-600:#14b8aa;--primary-700:#0f8a80;--primary-800:#0a5c55;--primary-850:#084540;--primary-900:#052e2b;--grey-50:#fcfcfc;--grey-100:#e6e6e6;--grey-200:#ccc;--grey-300:#b3b3b3;--grey-400:#999;--grey-500:gray;--grey-600:#666;--grey-650:#595959;--grey-700:#4d4d4d;--grey-750:#404040;--grey-800:#333;--grey-850:#262626;--grey-900:#1a1a1a;--info-500:#03aefc;--info-650:#007cb2;--success-300:#b3d98c;--success-500:#81bf40;--success-550:#74ac3a;--success-650:#5a862d;--success-900:#1a260d;--warning-500:#ffc000;--warning-650:#b28600;--caution-500:#ff8c33;--caution-650:#c25400;--danger-300:#f28e8c;--danger-500:#ef5350;--danger-700:#bf2422;--lime-650:#8b8c26;--bg:var(--grey-900);--surface:var(--grey-850);--surface-raised:var(--grey-800);--surface-sunken:#141414;--field:var(--grey-800);--border:var(--grey-750);--border-strong:var(--grey-700);--overlay:#0a0a0ab8;--text-strong:var(--grey-50);--text:var(--grey-300);--text-muted:var(--grey-400);--text-placeholder:var(--grey-500);--brand:var(--primary-500);--brand-dim:var(--primary-600);--brand-solid:var(--primary-800);--brand-solid-hover:var(--primary-700);--brand-deep:var(--primary-850);--brand-ink:var(--grey-50);--brand-soft:#1ae5d51f;--brand-soft-strong:#1ae5d538;--link:var(--primary-500);--link-hover:var(--primary-400);--focus:var(--primary-500);--action:var(--success-500);--action-hover:var(--success-550);--action-active:var(--success-650);--action-ink:var(--success-900);--danger:var(--danger-700);--danger-text:var(--danger-300);--success-text:var(--success-500);--warning-text:var(--warning-500);--info-text:var(--info-500);--series-1:#12a195;--series-2:var(--caution-650);--series-3:var(--info-650);--series-4:var(--lime-650);--chart-surface:var(--surface);--chart-grid:var(--border);--chart-axis:var(--text-muted);--chart-muted:var(--text);--font-sans:"Open Sans", "Lato", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:Monaco, Menlo, "DejaVu Sans Mono", Consolas, monospace;--spacing-01:.125rem;--spacing-02:.25rem;--spacing-03:.5rem;--spacing-04:.75rem;--spacing-05:1rem;--spacing-06:1.5rem;--spacing-07:2rem;--spacing-08:2.5rem;--radius-sm:5px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 2px 8px #00000047;--shadow:6px 8px 28px #00000061;--shadow-lg:10px 10px 35px #00000080;--shadow-brand:0 6px 22px #0a5c558c;--duration-fast:.14s;--duration-moderate:.22s;--easing-standard:cubic-bezier(.2, 0, .2, 1);font:400 .875rem/1.5 var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;height:100svh;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--font-sans);color:var(--text-strong);margin:0}h1{font-size:1.5rem;font-weight:600;line-height:1.3}h2{font-size:1.25rem;font-weight:600;line-height:1.4}h3{font-size:1rem;font-weight:600;line-height:1.4}p{margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}code,.counter{font-family:var(--font-mono);color:var(--text-strong);display:inline-flex}code{border-radius:var(--radius-sm);background:var(--surface-raised);padding:3px 7px;font-size:.75rem;line-height:1.33333}*{scrollbar-width:thin;scrollbar-color:var(--grey-700) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--grey-700);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--grey-600)}::-webkit-scrollbar-track{background:0 0}button{font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);border-radius:0}button:disabled{cursor:not-allowed}.auth-page{flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.auth-loading{min-height:100svh;color:var(--text);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--spacing-05);text-align:left;background:var(--surface);width:100%;max-width:360px;padding:var(--spacing-07);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;display:flex}.auth-card h1{margin:0 0 var(--spacing-02);text-align:center;font-size:1.75rem;font-weight:400;line-height:1.5}.auth-card p{text-align:center}.auth-card label{gap:var(--spacing-02);color:var(--text-strong);flex-direction:column;font-size:.875rem;line-height:1.5;display:flex}.auth-card input{font:inherit;padding:0 var(--spacing-04);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--field);height:44px;color:var(--text-strong);transition:border-color var(--duration-fast) var(--easing-standard)}.auth-card input::placeholder{color:var(--text-placeholder)}.auth-card input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.auth-card input:hover:not(:disabled){border-color:var(--grey-600)}.phone-input{display:flex}.phone-input-prefix{padding:0 var(--spacing-03) 0 var(--spacing-04);background:var(--field);height:44px;color:var(--text-placeholder);border:1px solid var(--border-strong);border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;align-items:center;display:flex}.phone-input input{border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex:1;min-width:0;padding-left:0}.auth-card button{height:44px;padding:0 var(--spacing-05);background:var(--action);color:var(--action-ink);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);border:none;font-size:.875rem;font-weight:600}.auth-card button:hover:not(:disabled){background:var(--action-hover);box-shadow:var(--shadow-sm)}.auth-card button:active:not(:disabled){background:var(--action-active)}.auth-card button:disabled{background:var(--grey-750);color:var(--text-placeholder)}.auth-card .button-secondary{color:var(--text-strong);border:1px solid var(--border-strong);background:0 0}.auth-card .button-secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--brand);color:var(--brand)}.auth-card .button-secondary:disabled{color:var(--text-placeholder);border-color:var(--border);background:0 0}.auth-error{color:var(--danger-text);margin:0;font-size:.75rem;line-height:1.4}.auth-switch{color:var(--text);font-size:.75rem;line-height:1.4}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{text-align:left;flex-direction:column;flex:1;min-height:0;display:flex}.app-content{min-height:0;padding:var(--spacing-05) var(--spacing-05) calc(84px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex:1;overflow-y:auto}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:1126px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{align-items:center;gap:var(--spacing-01);min-width:0;padding:var(--spacing-03) 2px var(--spacing-02);color:var(--text);text-align:center;white-space:nowrap;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);margin:var(--spacing-02);border-radius:var(--radius);flex-direction:column;flex:1;font-size:.75rem;line-height:1.4;text-decoration:none;display:flex}.bottom-nav-item:hover{background:var(--surface-raised)}.bottom-nav-item.active{color:var(--brand);background:var(--brand-soft)}.dashboard-page{gap:var(--spacing-06);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.dashboard-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-02) var(--spacing-03);flex-wrap:wrap;display:flex}.dashboard-header h1{text-align:left;font-size:1.25rem;font-weight:400;line-height:1.4}.dashboard-updated{align-items:center;gap:var(--spacing-03);color:var(--text);font-size:.75rem;line-height:1.4;display:flex}.dashboard-refresh-btn,.chart-table-toggle{height:44px;padding:0 var(--spacing-04);border:1px solid var(--border-strong);color:var(--text-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;font-size:.875rem;line-height:1.5}.dashboard-refresh-btn:hover:not(:disabled),.chart-table-toggle:hover{background:var(--surface-raised);color:var(--brand);border-color:var(--brand)}.dashboard-refresh-btn:disabled{border-color:var(--border-strong);color:var(--border-strong)}.dashboard-error{color:var(--danger-text);margin:0;font-size:.875rem;line-height:1.5}.kpi-row{gap:var(--spacing-03);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-tile{gap:var(--spacing-02);min-width:0;padding:var(--spacing-04) var(--spacing-03);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--easing-standard);flex-direction:column;display:flex}.stat-tile:hover{border-color:var(--border-strong)}.stat-tile-label{color:var(--text);font-size:.75rem;line-height:1.4}.stat-tile-value{color:var(--text-strong);overflow-wrap:break-word;font-size:clamp(14px,4.2vw,18px);font-weight:600;line-height:1.25}.stat-tile-secondary{color:var(--text);font-size:.75rem;line-height:1.4}.chart-card{padding:var(--spacing-05);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.chart-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-03);margin-bottom:var(--spacing-04);display:flex}.chart-card-header h2{text-align:left;font-size:1rem;font-weight:600;line-height:1.375}.sales-chart-svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-gridline{stroke:var(--chart-grid);stroke-width:1px}.chart-baseline{stroke:var(--chart-axis);stroke-width:1px}.chart-axis-label,.chart-x-label{fill:var(--chart-muted);font-size:8px;font-family:var(--font-sans)}.chart-segment-label{font-size:8px;font-weight:600;font-family:var(--font-sans)}.chart-segment-label.on-series-1{fill:var(--primary-900)}.chart-segment-label.on-series-2{fill:var(--grey-50)}.chart-empty-bar{fill:var(--chart-axis)}.chart-series-1{fill:var(--series-1);background-color:var(--series-1)}.chart-series-2{fill:var(--series-2);background-color:var(--series-2)}.chart-line-1,.chart-line-2,.chart-line-3{fill:none}.chart-line-1{stroke:var(--series-1)}.chart-line-2{stroke:var(--series-2)}.chart-line-3{stroke:var(--series-3)}circle.chart-marker{fill:var(--chart-surface);stroke-width:2px}circle.chart-line-1.chart-marker{fill:var(--series-1);stroke:var(--chart-surface)}circle.chart-line-2.chart-marker{fill:var(--series-2);stroke:var(--chart-surface)}circle.chart-line-3.chart-marker{fill:var(--series-3);stroke:var(--chart-surface)}.chart-crosshair{stroke:var(--chart-axis);stroke-width:1px}.chart-legend-line{border-radius:var(--radius-pill);width:14px;height:2px;display:inline-block}.chart-legend-line.chart-line-1{background-color:var(--series-1)}.chart-legend-line.chart-line-2{background-color:var(--series-2)}.chart-legend-line.chart-line-3{background-color:var(--series-3)}.chart-column{cursor:pointer;outline:none}.chart-column:focus-visible rect:first-child{stroke:var(--focus);stroke-width:2px}.chart-column.active rect:first-child{fill:var(--brand-soft)}.chart-legend{gap:var(--spacing-05);margin-top:var(--spacing-03);color:var(--text);font-size:.75rem;line-height:1.4;display:flex}.chart-legend-item{align-items:center;gap:var(--spacing-02);display:inline-flex}.chart-legend-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-tooltip{margin-top:var(--spacing-04);min-height:60px;padding:var(--spacing-04);background:var(--field);color:var(--text-strong);border-radius:var(--radius-sm);flex-direction:column;gap:2px;font-size:.875rem;line-height:1.5;display:flex}.chart-tooltip-hint{color:var(--text);font-size:.75rem}.chart-table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5}.chart-table th,.chart-table td{text-align:right;padding:var(--spacing-03) var(--spacing-02);border-bottom:1px solid var(--border)}.chart-table th[scope=row]{text-align:left;color:var(--text-strong)}.chart-table thead th{color:var(--text);font-weight:400}.top-produtos-list{gap:var(--spacing-04);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.top-produto-row{align-items:flex-start;gap:var(--spacing-03);display:flex}.top-produto-rank{text-align:right;width:20px;color:var(--text);flex:none;padding-top:1px;font-size:.75rem}.top-produto-info{gap:var(--spacing-02);flex-direction:column;flex:1;min-width:0;display:flex}.top-produto-nome{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;line-height:1.5;overflow:hidden}.top-produto-bar-track{background:var(--field);border-radius:var(--radius-pill);height:6px;overflow:hidden}.top-produto-bar-fill{background:var(--series-1);border-radius:var(--radius-pill);height:100%}.top-produto-detalhe{color:var(--text);font-size:.75rem}.account-page{gap:var(--spacing-05);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.page-container{gap:var(--spacing-06);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.page-container h1{text-align:left;font-size:1.25rem;font-weight:400;line-height:1.4}.empty-state{text-align:center;align-items:center;gap:var(--spacing-04);padding:var(--spacing-08) var(--spacing-05);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty-state-icon{color:var(--border-strong)}.empty-state h2{font-size:1rem;font-weight:600;line-height:1.375}.empty-state-description{color:var(--text);max-width:280px;font-size:.875rem;line-height:1.5}.chat-page{gap:var(--spacing-04);height:100%;min-height:0}.chat-page .chat-form{padding-top:var(--spacing-04);border-top:1px solid var(--border);margin-top:auto}.chat-status{color:var(--text);font-size:.875rem}.chat-messages{gap:var(--spacing-04);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-message{gap:var(--spacing-01);flex-direction:column;align-self:flex-start;max-width:80%;display:flex}.chat-message-own{align-self:flex-end;align-items:flex-end}.chat-message-author{color:var(--text);font-size:.75rem;line-height:1.4}.chat-message-bubble{padding:var(--spacing-04) var(--spacing-05);background:var(--surface);color:var(--text-strong);text-align:left;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);font-size:.875rem;line-height:1.5}.chat-message-own .chat-message-bubble{background:var(--brand-solid);color:var(--brand-ink);border-color:var(--primary-700);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-message-bubble .wa-paragraph{margin:0}.chat-message-bubble .wa-paragraph+.wa-paragraph,.chat-message-bubble .wa-list+.wa-paragraph,.chat-message-bubble .wa-paragraph+.wa-list,.chat-message-bubble .wa-quote+.wa-paragraph,.chat-message-bubble .wa-paragraph+.wa-quote{margin-top:var(--spacing-02)}.chat-message-bubble .wa-code-inline{background:#00000014;border-radius:3px;padding:0 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem}.chat-message-own .chat-message-bubble .wa-code-inline{background:#ffffff2e}.chat-message-bubble .wa-code-block{margin:var(--spacing-02) 0;padding:var(--spacing-02) var(--spacing-03);white-space:pre-wrap;word-break:break-word;background:#00000014;border-radius:4px;overflow-x:auto}.chat-message-own .chat-message-bubble .wa-code-block{background:#ffffff2e}.chat-message-bubble .wa-code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem}.chat-message-bubble .wa-list{margin:var(--spacing-02) 0;padding-left:1.25em}.chat-message-bubble .wa-quote{margin:var(--spacing-02) 0;padding-left:var(--spacing-03);opacity:.85;border-left:3px solid}.chat-message-time{color:var(--text-placeholder);font-size:.75rem;line-height:1.4}.chat-error{color:var(--danger-text);text-align:left;margin:0;font-size:.75rem;line-height:1.4}.chat-suggestions{gap:var(--spacing-02);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.chat-suggestions::-webkit-scrollbar{display:none}.chat-suggestion-chip{font:inherit;white-space:nowrap;height:40px;padding:0 var(--spacing-04);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-strong);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;flex:none;font-size:.8125rem}.chat-suggestion-chip:hover:not(:disabled){background:var(--surface-raised);color:var(--brand);border-color:var(--brand)}.chat-suggestion-chip:disabled{color:var(--text-placeholder);border-color:var(--border);cursor:default}.chat-form{gap:var(--spacing-03);display:flex}.chat-form input{font:inherit;padding:0 var(--spacing-05);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--field);height:44px;color:var(--text-strong);transition:border-color var(--duration-fast) var(--easing-standard);flex:1}.chat-form input::placeholder{color:var(--text-placeholder)}.chat-form input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.chat-form input:hover:not(:disabled){border-color:var(--grey-600)}.chat-form button{height:44px;padding:0 var(--spacing-06);background:var(--action);color:var(--action-ink);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);border:none;flex-shrink:0;font-size:.875rem;font-weight:600}.chat-form button:hover:not(:disabled){background:var(--action-hover);box-shadow:var(--shadow-sm)}.chat-form button:active:not(:disabled){background:var(--action-active)}.chat-form button:disabled{background:var(--grey-750);color:var(--text-placeholder)}.vai-ajuda-page{padding-bottom:var(--spacing-05)}.operation-cta{align-items:center;gap:var(--spacing-05);width:100%;padding:var(--spacing-05);border:none;border-left:4px solid var(--brand);background:linear-gradient(135deg, var(--primary-800) 0%, var(--primary-900) 100%);color:var(--brand-ink);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--primary-700), var(--shadow-brand);transition:transform var(--duration-moderate) var(--easing-standard), box-shadow var(--duration-moderate) var(--easing-standard), background var(--duration-moderate) var(--easing-standard);border-radius:var(--radius-lg);display:flex;position:relative;overflow:hidden}.operation-cta:hover{background:linear-gradient(135deg, var(--primary-700) 0%, var(--primary-850) 100%);box-shadow:inset 0 0 0 1px var(--brand-dim), var(--shadow-lg);transform:translateY(-2px)}.operation-cta:active{box-shadow:inset 0 0 0 1px var(--primary-700), var(--shadow-sm);transform:translateY(0)}.operation-cta:hover .operation-cta-arrow{transform:translate(3px)}.operation-cta:after{content:"";width:40%;animation:operation-cta-sheen 4.5s var(--easing-standard) infinite;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff38,#0000);position:absolute;inset:0 auto 0 -60%}@keyframes operation-cta-sheen{0%,55%{transform:translate(0)}to{transform:translate(400%)}}@media (prefers-reduced-motion:reduce){.operation-cta:after{opacity:0;animation:none}}.operation-cta-icon{color:var(--brand);flex-shrink:0;display:flex}.operation-cta-text{gap:var(--spacing-02);flex-direction:column;flex:1;min-width:0;display:flex}.operation-cta-text strong{font-size:1rem;font-weight:600;line-height:1.375}.operation-cta-text small{color:var(--primary-100);font-size:.75rem;line-height:1.4}.operation-cta-arrow{color:var(--primary-200);transition:transform var(--duration-fast) var(--easing-standard);flex-shrink:0;display:flex}.pop-section{gap:var(--spacing-04);text-align:left;flex-direction:column;display:flex}.pop-section-title{color:var(--text-strong);font-size:1rem;font-weight:600;line-height:1.375}.pop-section-description{color:var(--text);font-size:.75rem;line-height:1.4}.pop-grid{gap:var(--spacing-03);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=380px){.pop-grid{grid-template-columns:minmax(0,1fr)}}.pop-card{gap:var(--spacing-02);padding:var(--spacing-05) var(--spacing-04);border:1px solid var(--border);border-top:3px solid var(--brand);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);border-radius:var(--radius) var(--radius) var(--radius-sm) var(--radius-sm);flex-direction:column;display:flex}.pop-card:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-strong);border-top-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.pop-card:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.pop-card:disabled{cursor:default;opacity:.6}.pop-card strong{color:var(--text-strong);font-size:.875rem;font-weight:600;line-height:1.5}.pop-card small{color:var(--text);flex:1;font-size:.75rem;line-height:1.4}.pop-card-meta{margin-top:var(--spacing-02);color:var(--brand);font-size:.75rem;line-height:1.4}.pop-history-list{gap:var(--spacing-02);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pop-history-item{gap:var(--spacing-01);width:100%;padding:var(--spacing-04);border:1px solid var(--border);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);border-radius:var(--radius);flex-direction:column;display:flex}.pop-history-item:hover{background:var(--surface-raised);border-color:var(--border-strong)}.pop-history-item.active{border-color:var(--brand);background:var(--brand-soft)}.pop-history-name{color:var(--text-strong);font-size:.875rem;line-height:1.5}.pop-history-meta{color:var(--text);font-size:.75rem;line-height:1.4}.modal-backdrop{z-index:10;padding:var(--spacing-05);background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:480px;max-height:calc(100svh - 2 * var(--spacing-05));gap:var(--spacing-04);padding:var(--spacing-06);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--brand);text-align:left;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.modal h2{font-size:1.25rem;font-weight:400;line-height:1.4}.modal-description{color:var(--text);font-size:.75rem;line-height:1.4}.modal-form{gap:var(--spacing-03);flex-direction:column;display:flex}.modal-form label{color:var(--text);margin-top:var(--spacing-02);font-size:.75rem;line-height:1.4}.modal-form input,.modal-form textarea{font:inherit;padding:var(--spacing-03) var(--spacing-04);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--field);color:var(--text-strong);resize:vertical;transition:border-color var(--duration-fast) var(--easing-standard)}.modal-form input::placeholder,.modal-form textarea::placeholder{color:var(--text-placeholder)}.modal-form input:focus-visible,.modal-form textarea:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.modal-form input:hover:not(:disabled),.modal-form textarea:hover:not(:disabled){border-color:var(--grey-600)}.modal-form input:disabled,.modal-form textarea:disabled{color:var(--text-placeholder)}.modal-hint{color:var(--text-placeholder);font-size:.75rem;line-height:1.4}.modal-error{color:var(--danger-text);font-size:.75rem;line-height:1.4}.modal-actions{justify-content:flex-end;gap:var(--spacing-03);margin-top:var(--spacing-04);display:flex}.modal-actions button:not(.button-secondary){font:inherit;height:44px;padding:0 var(--spacing-05);background:var(--action);color:var(--action-ink);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);border:none;font-weight:600}.modal-actions button:not(.button-secondary):hover:not(:disabled){background:var(--action-hover);box-shadow:var(--shadow-sm)}.modal-actions button:not(.button-secondary):active:not(:disabled){background:var(--action-active)}.modal-actions button:not(.button-secondary):disabled{background:var(--grey-750);color:var(--text-placeholder);cursor:default}.button-secondary{font:inherit;height:44px;padding:0 var(--spacing-05);border:1px solid var(--border-strong);color:var(--text-strong);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);border-radius:var(--radius-sm);background:0 0;font-weight:600}.button-secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--brand);color:var(--brand)}.button-secondary:disabled{color:var(--text-placeholder);border-color:var(--border);cursor:default}.chat-header{align-items:flex-start;gap:var(--spacing-03);text-align:left;display:flex}.chat-back{width:32px;height:32px;color:var(--text-strong);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-back:hover{background:var(--surface-raised);color:var(--brand)}.chat-title{gap:var(--spacing-01);flex-direction:column;min-width:0;display:flex}.chat-title h1{text-align:left;font-size:1rem;font-weight:600;line-height:1.375}.chat-subtitle{color:var(--brand);font-size:.75rem;line-height:1.4}.chat-actions{gap:var(--spacing-03);display:flex}.chat-actions .button-secondary{flex:1}.pop-history-panel{background:var(--surface-sunken);border:1px solid var(--border);max-height:220px;padding:var(--spacing-03);text-align:left;border-radius:var(--radius);overflow-y:auto}.chat-message-pop{max-width:100%}.chat-message-pop .chat-message-bubble{border-left:3px solid var(--brand)}.chat-message-typing{color:var(--text);font-style:italic}.pop-card-create{align-items:center;gap:var(--spacing-04);width:100%;padding:var(--spacing-05) var(--spacing-04);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;display:flex}.pop-card-create:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand)}.pop-card-create:disabled{cursor:default;opacity:.6}.pop-card-create-icon{border-radius:var(--radius-pill);background:var(--brand-soft-strong);width:32px;height:32px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pop-card-create-text{gap:var(--spacing-01);flex-direction:column;min-width:0;display:flex}.pop-card-create-text strong{color:var(--text-strong);font-size:.875rem;font-weight:600}.pop-card-create-text small{color:var(--text);font-size:.75rem;line-height:1.4}.pop-card-tag{padding:1px var(--spacing-03);border-radius:var(--radius-pill);background:var(--brand-soft-strong);color:var(--brand);align-self:flex-start;font-size:.6875rem;line-height:1.5}.pop-card-new{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), var(--shadow)}
