@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg:#faf7f4;--surface:#fff;--surface2:#f5f1ed;--surface3:#ede8e2;--border:#e8e0d8;--border2:#ddd4c8;--teal:#2e9e8a;--teal-l:#e8f5f3;--teal-m:#2e9e8a26;--amber:#c97a3a;--amber-l:#fdf3e8;--amber-m:#c97a3a26;--rose:#c45c6a;--rose-l:#fceef0;--indigo:#5b72c4;--indigo-l:#eef0fa;--sage:#6a9e7f;--sage-l:#eef4f0;--muted:#b0a498;--mid:#7d6f63;--text:#2d2520;--shadow-sm:0 1px 3px #2d252012;--shadow:0 2px 8px #2d252017, 0 1px 3px #2d25200f;--radius:12px;--radius-sm:8px;--font:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}.da-wrap{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}.da-layout{height:100vh;display:flex;overflow:hidden}.da-sidebar{background:var(--surface);border-right:1px solid var(--border);width:220px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);padding:22px 20px 16px}.logo-badge{background:linear-gradient(135deg, var(--teal), #3db8a0);color:#fff;border-radius:7px;align-items:center;gap:7px;margin-bottom:7px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.logo-title{letter-spacing:-.02em;font-size:15px;font-weight:700}.logo-sub{color:var(--muted);margin-top:2px;font-size:11px}.da-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 10px 6px;font-size:10px;font-weight:600}.nav-btn{cursor:pointer;text-align:left;width:100%;color:var(--mid);font-family:var(--font);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-btn:hover{color:var(--text);background:var(--surface2)}.nav-btn.active{color:var(--teal);background:var(--teal-l);font-weight:600}.nav-icon{background:var(--surface2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:background .15s;display:flex}.nav-btn.active .nav-icon{background:var(--teal-m)}.int-panel{border-top:1px solid var(--border);margin-top:auto;padding:12px 16px}.int-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:600}.int-row{color:var(--mid);align-items:center;gap:8px;padding:3px 0;font-size:11.5px;display:flex}.int-dot{background:var(--border2);border-radius:50%;flex-shrink:0;width:7px;height:7px}.int-dot.live{background:var(--teal);box-shadow:0 0 0 3px var(--teal-m)}.int-dot.mock{background:var(--amber)}.int-dot.off{background:var(--border2)}.sync-time{font-family:var(--font-mono);color:var(--muted);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:9px}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.sidebar-footer .user-email{color:var(--mid);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-footer button{border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--mid);cursor:pointer;background:0 0;padding:4px 8px;font-size:11px}.sidebar-footer button:hover{color:var(--rose);border-color:var(--rose)}.da-main{flex:1;height:100vh;padding:26px 26px 48px;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.03em;font-size:21px;font-weight:700}.page-subtitle{color:var(--muted);margin-top:3px;font-size:12px}.header-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font-family:var(--font);border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--surface);color:var(--mid);cursor:pointer;box-shadow:var(--shadow-sm);padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-l)}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover{color:#fff;background:#258a78;border-color:#258a78}.btn-block{width:100%;padding:10px 14px;font-size:13px}.date-range{align-items:center;gap:6px;display:flex}.date-range input[type=date]{font-family:var(--font);background:var(--surface);border:1px solid var(--border2);color:var(--mid);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:6px 10px;font-size:12px;transition:border-color .15s}.date-range input[type=date]:focus{border-color:var(--teal);color:var(--text)}.date-sep{color:var(--muted);font-size:12px}.notice{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.notice-mock{background:var(--amber-l);color:var(--amber);border:1px solid #c97a3a40}.notice-error{background:var(--rose-l);color:var(--rose);border:1px solid #c45c6a40}.notice-ok{background:var(--teal-l);color:var(--teal);border:1px solid #2e9e8a40}.summary-banner{background:linear-gradient(135deg, #fff, var(--teal-l));border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #2e9e8a33;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;padding:20px 26px;display:grid}.s-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:600}.s-val{letter-spacing:-.04em;font-size:26px;font-weight:700;line-height:1}.s-sub{color:var(--muted);margin-top:4px;font-size:10px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;transition:box-shadow .2s;animation:.3s both fadeUp}.kpi:hover{box-shadow:var(--shadow)}.kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;font-size:16px;display:flex}.kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:600}.kpi-value{letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1}.kpi-source{color:var(--muted);margin-top:5px;font-size:10px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{letter-spacing:-.01em;font-size:13px;font-weight:600}.card-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600}.tag-teal{background:var(--teal-l);color:var(--teal)}.tag-amber{background:var(--amber-l);color:var(--amber)}.tag-rose{background:var(--rose-l);color:var(--rose)}.tag-indigo{background:var(--indigo-l);color:var(--indigo)}.tag-sage{background:var(--sage-l);color:var(--sage)}.prog-item{margin-bottom:10px}.prog-header{color:var(--mid);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.prog-header span:last-child{font-family:var(--font-mono);color:var(--text);font-size:11px;font-weight:500}.prog-track{background:var(--surface2);border-radius:3px;height:5px;overflow:hidden}.prog-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:0 12px 10px;font-size:10px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--surface2)}tbody tr:last-child{border-bottom:none}td{padding:9px 12px;font-size:13px}td.mono{font-family:var(--font-mono);font-size:12px}td.teal{color:var(--teal);font-weight:600}td.amber{color:var(--amber)}td.muted{color:var(--muted);font-size:11px}.badge{letter-spacing:.04em;border-radius:100px;padding:2px 9px;font-size:10px;font-weight:600;display:inline-block}.badge-teal{background:var(--teal-l);color:var(--teal)}.badge-amber{background:var(--amber-l);color:var(--amber)}.badge-indigo{background:var(--indigo-l);color:var(--indigo)}.badge-rose{background:var(--rose-l);color:var(--rose)}.badge-muted{background:var(--surface2);color:var(--mid)}.badge-sage{background:var(--sage-l);color:var(--sage)}.mini-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;display:flex}.mini-row:last-child{border-bottom:none}.mini-label{color:var(--mid)}.mini-val{font-family:var(--font-mono);color:var(--text);font-size:12px;font-weight:500}.funnel-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:18px;display:grid}.funnel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.funnel-name{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.funnel-total{color:var(--muted);background:var(--surface2);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:400}.funnel-stage{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;display:flex}.funnel-stage:last-child{border-bottom:none}.funnel-stage-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.funnel-stage-name{color:var(--mid);flex:1;font-size:11.5px}.funnel-stage-bar-wrap{background:var(--surface2);border-radius:2px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.funnel-stage-bar{border-radius:2px;height:100%}.funnel-stage-count{font-family:var(--font-mono);color:var(--text);text-align:right;min-width:26px;font-size:12px;font-weight:600}.funnel-conv{color:var(--teal);text-align:right;min-width:32px;font-size:10px;font-weight:500}.legend-row{color:var(--mid);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.legend-val{font-family:var(--font-mono);color:var(--text);margin-left:auto;font-size:12px;font-weight:500}.loading{color:var(--muted);align-items:center;gap:8px;padding:20px 0;font-size:12px;display:flex}.spinner{border:2px solid var(--border2);border-top-color:var(--teal);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-1,.grid-3{grid-template-columns:1fr}.summary-banner{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.da-sidebar{display:none}.da-main{padding:16px}}.auth-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:360px;padding:32px 28px}.auth-logo{background:linear-gradient(135deg, var(--teal), #3db8a0);color:#fff;border-radius:7px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.auth-title{letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:700}.auth-sub{color:var(--muted);margin-bottom:22px;font-size:12px}.auth-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.auth-field label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.auth-field input{font-family:var(--font);background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.auth-field input:focus{border-color:var(--teal)}.auth-toggle{color:var(--mid);text-align:center;margin-top:14px;font-size:12px}.auth-toggle button{color:var(--teal);cursor:pointer;font-weight:600;font-family:var(--font);background:0 0;border:none}.auth-error{background:var(--rose-l);color:var(--rose);border-radius:var(--radius-sm);border:1px solid #c45c6a40;margin-bottom:12px;padding:8px 10px;font-size:12px}