:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f0eb;--panel:#fff;--ink:#1f1f1f;--muted:#6b6b6b;--accent:#ff784b;--accent-2:#2a8cff;--border:#e5e0d7}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Cabin,Trebuchet MS,sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.brand{font-size:20px;font-weight:700}.header-actions{gap:12px;display:flex}.app-body{flex:1;grid-template-columns:220px 1fr;display:grid}.sidebar{border-right:1px solid var(--border);background:#f7f2ec;padding:24px}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar a{color:var(--muted);font-weight:600;text-decoration:none}.sidebar a.active{color:var(--ink)}.content{padding:28px}.panel{background:var(--panel);border-radius:20px;padding:24px;box-shadow:0 12px 32px #0000000f}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h1{margin:0 0 6px}.panel-header p{color:var(--muted);margin:0}.actions{gap:12px;display:flex}.filters{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin:20px 0;display:grid}.filters input,.filters select,.filters textarea{border:1px solid var(--border);font:inherit;border-radius:10px;width:100%;padding:10px 12px}.filters label{flex-direction:column;gap:6px;display:flex}.filters .inline-check{flex-direction:row;align-items:center;gap:8px;padding:10px 0 0}.filters .inline-check input{width:auto}.filters small{color:var(--muted)}.table{gap:8px;display:grid}.row{background:#fbfaf7;border-radius:12px;grid-template-columns:1.8fr .8fr .8fr .9fr 1fr 1fr 1fr 1.4fr 1.4fr;align-items:center;gap:8px;padding:12px 10px;display:grid}.row.header{background:0 0;font-weight:700}.row.push{grid-template-columns:1.4fr .9fr .8fr 1.1fr 1fr .8fr}.row.otp{grid-template-columns:1fr .8fr .7fr 1fr 1.4fr 1fr}.status{border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;display:inline-block}.status.published{color:#1c7a3f;background:#dff4e6}.status.review{color:#a06100;background:#fff4db}.status.draft{color:#6a3fb0;background:#f0e7ff}.panel-footer{background:#fff6f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px;display:flex}.progress{background:#f0e7de;border-radius:999px;width:100%;height:10px;margin-top:12px;overflow:hidden}.progress-bar{background:var(--accent);width:0%;height:100%;transition:width .2s}.row .progress{max-width:160px}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#fffdf8;border-radius:16px;margin-top:16px;padding:20px}.status-card{border:1px solid var(--border);color:var(--muted);background:#f9f4ee;border-radius:16px;gap:6px;padding:16px;display:grid}@media (max-width:1100px){.filters{grid-template-columns:repeat(2,minmax(160px,1fr))}.row,.row.push,.row.otp{grid-template-columns:2fr 1fr 1fr}.row.header span:nth-child(n+4),.row span:nth-child(n+4){display:none}}.log-modal{background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.log-card{background:#fff;border-radius:16px;width:min(720px,92vw);padding:16px;box-shadow:0 12px 32px #0003}.log-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.log-body{color:#f4f4f4;background:#111;border-radius:12px;max-height:320px;padding:12px;font-size:12px;overflow:auto}button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:600}button.primary{background:var(--accent);color:#fff}button.secondary{color:#7a2b14;background:#ffe9dd}button.ghost{border:1px solid var(--border);background:0 0}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#333;border:1px solid var(--border);cursor:pointer;background:#f0f0f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.info-card{background:#f7f3ea;border:1px solid #e8dfc8;border-radius:10px;padding:14px 18px;font-size:13px}.success-msg{color:#1a7a42;background:#e6f9f0;border:1px solid #9edfc0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.error-msg{color:#b71c1c;background:#fff0f0;border:1px solid #f5a9a9;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.form-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-row label{font-size:13px;font-weight:600}.input{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:7px;width:100%;max-width:480px;padding:8px 12px;font-size:14px}:root{--primary:#ff784b;--primary-subtle:#fff4f0;--surface:#fff;--text-2:#6b6b6b;--error:#b71c1c}@media (max-width:900px){.app-body{grid-template-columns:1fr}.sidebar{display:none}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-skeleton{background:linear-gradient(90deg,#f0eae2 25%,#e2d9ce 50%,#f0eae2 75%) 0 0/200% 100%;border-radius:8px;animation:1.6s infinite db-shimmer;display:block}.db-page{flex-direction:column;gap:24px;max-width:1280px;display:flex}.db-section{flex-direction:column;gap:12px;display:flex}.db-section-title{color:var(--ink);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:15px;font-weight:700}.db-alert{color:#7a4f00;background:#fff3cd;border:1.5px solid #f0c040;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600}.db-error-banner{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-header-panel{padding:20px 24px}.db-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.db-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.db-refresh-ts{color:var(--muted);font-size:12px}.db-filters{flex-wrap:wrap;gap:20px;display:flex}.db-filter-group{flex-direction:column;gap:6px;display:flex}.db-filter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.db-seg{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.db-seg-btn{color:var(--muted);cursor:pointer;border:none;border-right:1px solid var(--border);background:0 0;border-radius:0;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.db-seg-btn:last-child{border-right:none}.db-seg-btn.active{background:var(--accent);color:#fff}.db-seg-btn:hover:not(.active){color:var(--ink);background:#f7f2ec}.db-kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.db-kpi-card{background:var(--panel);border-radius:16px;flex-direction:column;gap:6px;min-width:0;padding:18px 16px;display:flex;box-shadow:0 4px 16px #0000000d}.db-kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.db-kpi-value{color:var(--ink);word-break:break-all;font-size:28px;font-weight:800;line-height:1.1}.db-kpi-change{font-size:12px;font-weight:600}.db-kpi-change--up{color:#1c7a3f}.db-kpi-change--down{color:#b71c1c}.db-kpi-change--flat{color:var(--muted)}.db-kpi-note{color:var(--muted);margin-top:2px;font-size:11px}.db-funnel-panel{flex-direction:column;gap:6px;display:flex}.db-funnel-row{grid-template-columns:160px 1fr 70px 90px;align-items:center;gap:12px;display:grid}.db-funnel-label{color:var(--ink);font-size:13px;font-weight:600}.db-funnel-track{background:#f0eae2;border-radius:999px;height:28px;overflow:hidden}.db-funnel-fill{background:linear-gradient(90deg,var(--accent),#ff9f6b);border-radius:999px;min-width:4px;height:100%;transition:width .5s}.db-funnel-count{text-align:right;font-size:14px;font-weight:700}.db-funnel-rate{color:var(--muted);text-align:right;font-size:12px}.db-funnel-arrow{text-align:center;color:var(--muted);grid-column:1/-1;padding:2px 0;font-size:12px}.db-rate-row{grid-column:1/-1;gap:12px;margin-top:8px;display:flex}.db-rate-pill{border:1px solid var(--border);color:var(--muted);background:#f7f3ea;border-radius:12px;flex-direction:column;gap:2px;padding:10px 16px;font-size:12px;display:flex}.db-rate-pill strong{color:var(--ink);font-size:22px;line-height:1.2}.db-rate-pill small{font-size:11px}.db-chart-wrap{flex-direction:column;gap:10px;display:flex}.db-chart-legend{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.db-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.db-chart-svg{width:100%;height:auto;display:block}.db-table-wrap{flex-direction:column;gap:0;display:flex}.db-tbl-row{border-bottom:1px solid #f0ece6;grid-template-columns:1.4fr repeat(5,1fr);align-items:center;gap:8px;padding:10px 8px;font-size:13px;display:grid}.db-tbl-row:last-child{border-bottom:none}.db-tbl-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;font-size:11px;font-weight:700}.db-tbl-plans{grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr}.db-tbl-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:4px;padding:12px 8px 4px;font-size:13px}.db-src-badge{text-transform:capitalize;background:#f0eae2;border-radius:6px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.db-retention-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.db-empty{color:var(--muted);border:1px dashed var(--border);border-radius:10px;margin:8px 0;padding:16px 8px;font-size:13px}.db-footer{color:var(--muted);text-align:center;padding:8px 0 16px;font-size:12px}@media (max-width:1100px){.db-kpi-grid{grid-template-columns:repeat(3,1fr)}.db-retention-grid{grid-template-columns:repeat(2,1fr)}.db-funnel-row{grid-template-columns:120px 1fr 60px 80px}}@media (max-width:900px){.db-kpi-grid{grid-template-columns:repeat(2,1fr)}.db-tbl-row{grid-template-columns:1fr 1fr 1fr}.db-tbl-row span:nth-child(n+4),.db-tbl-header span:nth-child(n+4){display:none}}