:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #fbfcfd;--border: #e6e8ec;--text: #12151c;--muted: #6b7280;--accent: #4f46e5;--accent-soft: #eef2ff;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);--radius: 14px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b0d12;--panel: #14171f;--panel-2: #171b24;--border: #262b36;--text: #eef1f6;--muted: #98a1b3;--accent: #818cf8;--accent-soft: #1c2030;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{--bg: #0b0d12;--panel: #14171f;--panel-2: #171b24;--border: #262b36;--text: #eef1f6;--muted: #98a1b3;--accent: #818cf8;--accent-soft: #1c2030;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em}.brand .logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#22d3ee);display:grid;place-items:center;color:#fff;font-size:16px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.hero{text-align:center;margin:40px 0 26px}.hero h1{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}.hero p{color:var(--muted);font-size:17px;margin:0 auto;max-width:560px}.drop{border:2px dashed var(--border);border-radius:var(--radius);background:var(--panel);padding:46px 24px;text-align:center;transition:all .15s ease;cursor:pointer}.drop.drag{border-color:var(--accent);background:var(--accent-soft)}.drop .icon{font-size:40px}.drop h3{margin:12px 0 4px;font-size:18px}.drop p{color:var(--muted);margin:0;font-size:14px}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin:22px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.url-row{display:flex;gap:10px}.input{flex:1;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:12px 14px;border-radius:10px;font-size:14px;outline:none}.input:focus{border-color:var(--accent)}.samples{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}.samples a{color:var(--accent);cursor:pointer;text-decoration:none;font-weight:600}.samples a:hover{text-decoration:underline}.error{margin-top:16px;padding:12px 14px;border-radius:10px;background:#fef2f2;color:#b42318;border:1px solid #fee4e2;font-size:14px}@media (prefers-color-scheme: dark){.error{background:#2a1416;color:#ffb4ab;border-color:#442022}}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dash-title{font-size:15px;font-weight:600;background:transparent;border:1px solid transparent;color:var(--text);padding:6px 8px;margin:-6px -8px 4px;border-radius:8px;outline:none;max-width:100%}.dash-title:focus{border-color:var(--border);background:var(--panel)}.dash-title.big{font-size:26px;font-weight:700;letter-spacing:-.02em}.dash-meta{color:var(--muted);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:13px;font-weight:500}.kpi .value{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.card.full{grid-column:1 / -1}.card h3{margin:0;font-size:15px;font-weight:600}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.icon-btn{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:8px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.icon-btn:hover{color:var(--text);border-color:var(--border);background:var(--panel-2)}.empty{color:var(--muted);font-size:14px;padding:40px 0;text-align:center}.editor{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;padding:16px}.editor label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.editor-row{margin-bottom:14px}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}@media (max-width: 560px){.editor-grid{grid-template-columns:1fr}}.editor-field{margin-bottom:14px}.editor-field:last-of-type{margin-bottom:0}select.input,textarea.input{width:100%;font-family:inherit}textarea.input{resize:vertical}.segmented{display:inline-flex;gap:6px;flex-wrap:wrap}.segmented button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:7px 12px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease}.segmented button:hover{border-color:var(--accent)}.segmented button.active{background:var(--accent);border-color:var(--accent);color:#fff}.remember{display:flex!important;align-items:center;gap:8px;font-size:13px!important;color:var(--text)!important;margin:14px 0 0!important;cursor:pointer}.remember input{width:15px;height:15px;accent-color:var(--accent)}.editor-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.btn.danger{border-color:var(--border);color:#dc2626}.btn.danger:hover{border-color:#dc2626;background:#dc26260f}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.footer-actions{display:flex;gap:10px}.pref-note{color:var(--muted);font-size:13px}.pref-note a{color:var(--accent);cursor:pointer;font-weight:600}.pref-note a:hover{text-decoration:underline}@media (max-width: 760px){.grid{grid-template-columns:1fr}}.table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--panel)}th:hover{color:var(--text)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--panel-2)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:var(--shadow);z-index:50}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.warn{margin-top:14px;padding:10px 14px;border-radius:10px;background:#fffbeb;color:#92400e;border:1px solid #fef3c7;font-size:13px}@media (prefers-color-scheme: dark){.warn{background:#241f10;color:#fcd34d;border-color:#3a3212}}.kpis-fin{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.kpi .value.pos{color:#059669}.kpi .value.neg{color:#dc2626}.kpi-sub{color:var(--muted);font-size:11px;margin-top:5px}@media (prefers-color-scheme: dark){.kpi .value.pos{color:#34d399}.kpi .value.neg{color:#f87171}}.insights-card{margin-bottom:14px}.insights{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.insights li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--text)}.insights li:before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.legend-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:999px;padding:3px 9px;cursor:pointer;transition:all .12s ease}.legend-item:hover{color:var(--text);border-color:var(--border)}.legend-item.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.legend-item .dot{width:10px;height:10px;border-radius:3px}.reclist{list-style:none;margin:0;padding:0}.reclist li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.reclist li:last-child{border-bottom:none}.rec-name{flex:1;font-weight:600;font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-cat{color:var(--muted);font-size:11.5px;white-space:nowrap}.rec-amt{font-variant-numeric:tabular-nums;font-weight:700;font-size:13.5px}.rec-per{color:var(--muted);font-weight:400;font-size:11px}.cat-pill{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.rec-tag{margin-left:6px;color:var(--muted);font-size:12px}td.num.pos{color:#059669}td.num.neg{color:#dc2626}@media (prefers-color-scheme: dark){td.num.pos{color:#34d399}td.num.neg{color:#f87171}}.livebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:9px 14px;margin-bottom:16px;box-shadow:var(--shadow)}.live-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.live-toggle input{width:15px;height:15px;accent-color:var(--accent)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.live-dot.on{background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:livepulse 2s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.45}}.live-meta{color:var(--muted);font-size:12.5px;flex:1}.ai-new{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.priv-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.priv-toggle.center{display:flex;justify-content:center;margin:18px auto 0}.priv-toggle input{width:15px;height:15px;accent-color:var(--accent)}.priv-note{text-align:center;color:var(--muted);font-size:12.5px;margin:8px auto 0;max-width:520px}.priv-banner{margin-top:14px;padding:10px 14px;border-radius:10px;background:var(--accent-soft);color:var(--text);border:1px solid var(--border);font-size:13px}:root[data-theme=dark] .error{background:#2a1416;color:#ffb4ab;border-color:#442022}:root[data-theme=dark] .warn{background:#241f10;color:#fcd34d;border-color:#3a3212}:root[data-theme=dark] .kpi .value.pos{color:#34d399}:root[data-theme=dark] .kpi .value.neg{color:#f87171}:root[data-theme=dark] td.num.pos{color:#34d399}:root[data-theme=dark] td.num.neg{color:#f87171}.theme-toggle{display:inline-flex;gap:2px;border:1px solid var(--border);border-radius:10px;padding:2px;background:var(--panel)}.theme-toggle button{border:0;background:transparent;color:var(--muted);padding:5px 9px;border-radius:8px;font-size:13px;cursor:pointer;line-height:1}.theme-toggle button.active{background:var(--accent);color:#fff}.section-head{margin:22px 2px 12px}.section-head h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.sheet-guide{margin:16px auto 0;max-width:620px;text-align:left;font-size:13.5px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}.sheet-guide-head{font-weight:700;font-size:15px;margin-bottom:6px}.sheet-guide-msg{color:var(--muted);margin-bottom:10px}.sheet-guide p{margin:0 0 6px;font-weight:600}.sheet-guide ol{margin:0;padding-left:20px;line-height:1.7;color:var(--text)}.sheet-guide code{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:12px}.hostedbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;padding:9px 14px;margin-bottom:16px;box-shadow:var(--shadow)}.hostedbar.kept{background:var(--panel);border-color:var(--border)}.hosted-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:0 0 auto}.hosted-dot.on{background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:livepulse 2s ease-in-out infinite}.hosted-meta{color:var(--text);font-size:13px;flex:1;min-width:180px}.hosted-meta strong{font-variant-numeric:tabular-nums}.hosted-info{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hosted-info:hover{background:var(--accent-soft)}.hosted-details{flex-basis:100%;margin-top:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.hosted-details-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}.hosted-details-price{font-weight:600;color:var(--muted)}.hosted-details-lead{margin:0 0 8px;font-size:13px;color:var(--muted)}.hosted-details-list{margin:0;padding-left:18px;display:grid;gap:5px;font-size:13px;color:var(--muted)}.hosted-details-list strong{color:var(--text)}.watermark{position:fixed;right:14px;bottom:14px;z-index:40;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;background:var(--panel);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);opacity:.9}.watermark:hover{color:var(--text);border-color:var(--accent);opacity:1}.watermark .logo{font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080a0f8c;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 24px 22px;box-shadow:var(--shadow)}.modal-x{position:absolute;top:12px;right:14px;border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.modal-x:hover{color:var(--text)}.modal-title{font-size:1.2rem;margin:0 0 4px}.modal-sub{color:var(--muted);font-size:13.5px;margin:0 0 18px}.btn.google{width:100%;justify-content:center;gap:9px;padding:11px;font-weight:600}.btn.google .g{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#4285f4;font-weight:800;font-size:12px;font-family:Arial,sans-serif}.modal-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:15px 0}.modal-or:before,.modal-or:after{content:"";flex:1;height:1px;background:var(--border)}.modal-emailform{display:flex;flex-direction:column;gap:9px}.modal-emailform .input{width:100%}.modal-emailform .btn{width:100%;justify-content:center;padding:10px}.modal-sent{background:var(--accent-soft);color:var(--text);border-radius:10px;padding:11px 13px;font-size:13.5px}.modal-err{margin-top:12px}