@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#078bfa;--navy:#132a45;--text:#172e49;--muted:#6f8196;--line:#e4ebf3;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;background:#edf3f9;color:var(--text);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68baff;outline-offset:3px}.hidden{display:none!important}.primary{background:var(--blue);color:white}.secondary{background:white;border:1px solid var(--line)}.text-button{background:transparent;color:var(--blue);padding-left:0}.muted,small{color:var(--muted)}small{font-size:12px}.error{color:#b52c3a}.notice{background:#edf6ff;border:1px solid #cfe6ff;border-radius:10px;padding:13px 17px;color:#285d8d;font-size:13px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:800;color:white}.brandmark{display:grid;place-items:center;width:37px;height:37px;background:var(--blue);border-radius:11px;color:#fff}.login-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;overflow:hidden;background:var(--navy);color:white;padding:7vw;display:flex;flex-direction:column;justify-content:center}.login-art>.brand{position:absolute;top:45px;left:7vw}.login-art .eyebrow{color:#7ac5ff;margin-top:100px}.login-art h1{font-size:clamp(40px,4.2vw,70px);line-height:1.14;margin:20px 0}.login-art p:not(.eyebrow){max-width:390px;color:#b6c7dc;line-height:1.8}.login-art small{margin-top:80px;color:#b6c7dc}.login-tiles{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.login-tiles span{font-size:12px;padding:12px;border:1px solid #36516e;border-radius:8px}.road-line{position:absolute;right:-110px;bottom:-130px;width:450px;height:450px;border:55px solid #203f60;border-radius:50%;pointer-events:none;opacity:.4}.login-form{max-width:490px;width:100%;margin:auto;padding:40px}.lock-icon{width:52px;height:52px;background:#e1f1ff;border-radius:16px;font-size:35px;color:var(--blue);text-align:center}.login-form h2{font-size:30px;margin-bottom:10px}.login-form>p{color:var(--muted);line-height:1.6}.login-form label{display:block;font-weight:600;font-size:13px;margin:22px 0}.login-form input{display:block;width:100%;padding:14px;border:1px solid #dce5ef;border-radius:9px;margin-top:8px;background:#fff}.login-form .primary,.login-form .secondary{width:100%;padding:14px}.login-form .primary{display:flex;justify-content:space-between}.login-form small{display:block;text-align:center;line-height:1.6;margin:12px 0}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.mobile-brand{display:none}.app{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:var(--navy);padding:30px 20px;display:flex;flex-direction:column}aside .brand{font-size:22px}.aside-sub{color:#91a8c1;font-size:12px;margin:8px 0 35px 49px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;color:#bdcce0;padding:13px;font-size:13px}nav button.active{background:var(--blue);color:white;box-shadow:0 5px 20px #00142625}.nav-icon{font-size:19px;width:24px;text-align:center}.owner{border-top:1px solid #354a62;display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:24px;color:white;font-size:13px}.avatar{width:37px;height:37px;border-radius:50%;background:#426685;display:grid;place-items:center}.owner small{display:block;color:#a0b3ca;margin-top:4px;font-size:10px}#logout{margin-top:18px;background:transparent;color:#b9cbe0;text-align:left}main{padding:32px 36px 16px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}header h1{font-size:30px;letter-spacing:-1px;margin:7px 0}header p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.secure{border-radius:7px;padding:9px;background:#e6f3ff;color:#087edc;font-size:11px;font-weight:700}.mobile-menu{display:none}#mode-banner{margin-bottom:20px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;display:flex;gap:15px;align-items:start}.kpi-icon{width:40px;height:40px;display:grid;place-items:center;background:#eaf5ff;color:var(--blue);border-radius:12px;font-size:21px}.kpi:nth-child(2) .kpi-icon{background:#e7f9f1;color:#17a779}.kpi:nth-child(3) .kpi-icon{background:#f3ecff;color:#925ce8}.kpi label{font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:28px;font-family:Manrope,sans-serif;margin:7px 0 5px;font-weight:800}.kpi small{font-size:11px}.grid-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:20px;min-width:0}.grid-two>.panel{margin:0}.panel h2{font-size:16px;margin:0 0 7px;font-weight:800}.panel h3{font-size:14px;margin-top:0}.panel-sub{color:var(--muted);font-size:12px;margin:0 0 22px;line-height:1.6}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-top h2{margin:0}.chart{height:210px;display:flex;align-items:end;gap:12px;padding:15px 0 30px;border-bottom:1px solid var(--line)}.chart-group{flex:1;display:flex;gap:5px;height:100%;align-items:end;position:relative;justify-content:center}.chart-bar{width:35%;border-radius:5px 5px 0 0;background:var(--blue);min-height:2px}.chart-bar.teal{background:#2fb7a6}.chart-label{position:absolute;bottom:-23px;font-size:10px;white-space:nowrap;color:var(--muted)}.legend{display:flex;gap:16px;font-size:11px;margin-top:17px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:4px}.dot.teal{background:#2fb7a6}.city-row{display:grid;grid-template-columns:100px 1fr 35px;gap:12px;align-items:center;margin:17px 0;font-size:12px}.city-track{height:7px;border-radius:8px;background:#eef4fa}.city-track span{display:block;height:100%;border-radius:8px;background:var(--blue)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{border:1px solid var(--line);padding:11px 12px;border-radius:8px;background:white;min-width:130px}.toolbar input{flex:1;min-width:200px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{background:#f5f8fc;color:#6a7d94;font-size:10px;padding:13px;font-weight:700}td{padding:16px 13px;border-bottom:1px solid #eff3f8;max-width:280px;overflow:hidden;text-overflow:ellipsis}td button{font-size:11px;padding:7px 10px;background:#eef6ff;color:#0780df}tbody tr:hover{background:#fbfdff}.tag{display:inline-block;padding:5px 10px;background:#edf2f7;border-radius:20px;font-size:10px;color:#64758a}.tag.green{background:#e5f8ee;color:#119a64}.tag.red{background:#ffedf0;color:#c64b61}.tag.blue{background:#e9f3ff;color:#1681dc}.empty{padding:38px 15px;text-align:center;color:var(--muted);font-size:13px;line-height:1.9}.empty strong{display:block;color:var(--text);font-size:17px}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;color:var(--muted);gap:15px}.feature-note{display:flex;gap:16px;align-items:start;padding:20px;background:#f4f8fd;border-radius:10px;margin-top:18px}.feature-note p{font-size:13px;color:var(--muted);line-height:1.8;margin:6px 0 0}.feature-note strong{font-size:14px}.metrics-list{display:grid;gap:16px}.metrics-list>div{display:flex;justify-content:space-between;font-size:13px;padding-bottom:13px;border-bottom:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding-top:15px}dialog{border:1px solid var(--line);border-radius:16px;width:min(760px,94vw);max-height:88vh;padding:27px;color:var(--text);box-shadow:0 20px 80px #172e4930}dialog::backdrop{background:#102a4566;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.dialog-top h2{margin:7px 0;font-size:22px}.dialog-top>button{font-size:24px;padding:3px 12px;background:transparent}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.detail-field{padding:12px;background:#f7f9fc;border-radius:8px;min-width:0}.detail-field label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.detail-field span{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.moderation{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.moderation label{display:block;font-size:12px;margin:10px 0}.moderation textarea,.moderation select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}.moderation button{margin-top:14px}#feedback{font-size:13px;line-height:1.6}#feedback:empty{display:none}
@media(min-width:1600px){.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{padding:18px;gap:10px}.kpi strong{font-size:25px}.kpi-icon{width:32px;height:32px}.kpi small{font-size:10px}}
@media(max-width:1050px){.app{grid-template-columns:205px minmax(0,1fr)}main{padding:25px 20px}.grid-two{grid-template-columns:1fr}.kpi{padding:17px;gap:10px}.kpi strong{font-size:25px}.secure{display:none}}
@media(max-width:700px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:25px}.mobile-brand{display:block;font-size:23px;font-weight:800;color:var(--blue);margin-bottom:40px}.app{grid-template-columns:1fr}aside{position:fixed;z-index:5;left:0;width:240px;transform:translateX(-100%);transition:transform .2s}aside.open{transform:translateX(0);box-shadow:20px 0 60px #102a4540}main{padding:20px 15px}.mobile-menu{display:block;padding:9px}header{gap:12px;align-items:start}header h1{font-size:23px}.header-actions .secondary{font-size:11px;padding:9px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{display:block;padding:15px}.kpi-icon{margin-bottom:9px}.kpi strong{font-size:24px}.panel{padding:17px}.detail-grid{grid-template-columns:1fr}footer{flex-direction:column}.toolbar{gap:8px}.toolbar input{min-width:100%}.chart-label{font-size:8px}.table-footer{align-items:start}.owner{margin-top:25px}aside{overflow:auto}}
.business-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;background:linear-gradient(115deg,#132a45,#194369);border-radius:15px;margin-bottom:20px;color:white}.business-hero .eyebrow{color:#8ccfff;margin:0 0 10px}.business-hero h2{font-size:27px;margin:0 0 9px}.business-hero p:last-child{color:#bed2e8;font-size:13px;margin:0}.source-badge{display:inline-block;white-space:nowrap;border-radius:20px;padding:8px 12px;background:#e5f6ef;color:#168366;font-size:11px;font-weight:700}.source-badge.waiting{color:#987123;background:#fff5dd}.business-hero .source-badge{background:#ffffff17;color:#c2e6ff;border:1px solid #ffffff2c}.business-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.business-kpis .kpi{display:block;min-width:0}.business-kpis .kpi-icon{margin-bottom:14px}.business-kpis .kpi strong{font-size:28px;overflow-wrap:anywhere}.business-kpis .kpi small{line-height:1.6;display:block}.role-summary{display:flex;align-items:center;gap:25px;min-height:175px}.role-ring{--driver:0%;--customer:0%;background:conic-gradient(#078bfa 0 var(--driver),#2fb7a6 var(--driver) var(--customer),#dbe3ed var(--customer) 100%);width:146px;height:146px;border-radius:50%;padding:15px;flex-shrink:0}.role-ring>div{border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.role-ring strong{font-size:29px}.role-ring small{font-size:10px}.role-legend{display:grid;gap:21px;flex:1;min-width:0}.role-legend>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.dot.gray{background:#dbe3ed}.compact-note{margin:18px 0 0;font-size:11px}.funnel-rows{display:grid;margin-top:15px}.funnel-rows>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.step-number{display:grid;place-items:center;background:#edf6ff;border-radius:8px;width:27px;height:27px;font-size:11px;color:#1785db}.funnel-rows>div>div{flex:1;font-size:12px}.funnel-rows small{display:block;margin-top:5px;font-size:10px}.funnel-rows strong{font-size:21px}.conversion-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;background:#edf7ff;padding:14px;border-radius:9px;font-size:11px}.conversion-total strong{font-size:22px;color:#078bfa}.section-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 20px}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}.report-kpis .kpi{display:block}.report-kpis .kpi-icon{margin-bottom:12px}.report-kpis .kpi small{display:block;line-height:1.6}.periods{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0}.periods button{background:white;border:1px solid var(--line);font-size:12px}.periods button.selected{background:#078bfa;color:white;border-color:#078bfa}.integration-note{display:flex;align-items:start;gap:15px;background:#fffaf0;border:1px solid #f1e4c6;padding:20px;border-radius:13px;margin-bottom:20px}.integration-note>span:first-child{font-size:25px;color:#b58c36}.integration-note>div{flex:1}.integration-note strong{font-size:14px}.integration-note p{font-size:12px;color:#8a7958;line-height:1.7;margin:7px 0 0}.status-wait{font-size:10px;background:#f8edcf;color:#987123;padding:6px 9px;border-radius:15px;white-space:nowrap}.report-bars{display:grid;gap:20px;padding:20px 0}.report-bars>div{display:grid;grid-template-columns:90px 1fr 95px;gap:14px;align-items:center;font-size:11px}.report-bars strong{text-align:right}.chart-wait{min-height:220px;border:1px dashed #dce7f1;background:repeating-linear-gradient(to bottom,#fbfdff 0px,#fbfdff 43px,#eef3f8 44px,#fbfdff 45px);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;padding:20px}.chart-wait>span{font-size:35px;color:#96b6d1}.chart-wait strong{font-size:13px;color:#6f8196}.chart-wait small{font-size:11px}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.integration-grid>div{border:1px solid var(--line);border-radius:10px;padding:16px}.integration-grid h3{margin:17px 0 8px;font-size:13px}.integration-grid p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}nav{gap:3px}nav button{padding:10px 12px}aside{overflow-y:auto}.owner{padding-top:15px;margin-top:25px}
@media(max-width:1250px){.business-kpis,.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-summary{gap:15px}.role-ring{width:125px;height:125px}}
@media(max-width:700px){.business-hero{padding:21px;display:block}.business-hero h2{font-size:23px}.business-hero .source-badge{margin-top:18px}.business-kpis .kpi strong{font-size:25px}.section-actions{justify-content:stretch;flex-direction:column}.integration-note{padding:16px;gap:10px;flex-wrap:wrap}.integration-note .status-wait{margin-left:33px}.integration-grid{grid-template-columns:1fr}.role-summary{flex-direction:column;align-items:stretch}.role-ring{align-self:center}.report-bars>div{grid-template-columns:75px 1fr 70px;gap:8px}.metrics-list>div{gap:12px;flex-wrap:wrap}.metrics-list strong{overflow-wrap:anywhere}.report-kpis .kpi strong{font-size:23px}.business-kpis .kpi{padding:13px}.business-kpis .kpi small{font-size:10px}}