:root{--navy:#0f5376;--blue:#299dbd;--light-blue:#63cfe3;--amber:#fdbe64;--coral:#f16066;--white:#fff;--black:#000;--ink:#000000e0;--ink-2:#0000009e;--ink-3:#00000073;--line:#0f53761f;--line-strong:#0f537638;--tint:#63cfe31f;--tint-2:#63cfe338;--page:#63cfe317;--on-navy:#ffffffbd;--shadow:0 1px 2px #0f53760f, 0 8px 24px #0f53760d;--radius:12px;--radius-lg:16px;--sidebar-w:260px;--font:"Century Gothic", "Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{font-family:var(--font);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:#fff;background-image:linear-gradient(var(--page), var(--page))}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:0 0 var(--radius) 0;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:0 0 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{padding:30px 28px 20px}.sidebar__brand-name{letter-spacing:.02em;margin:0;font-size:17px;font-weight:700}.sidebar__brand-sub{color:var(--light-blue);letter-spacing:.06em;margin:6px 0 0;font-size:11px;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:5px;padding:0 16px;display:flex}.navitem{border-radius:var(--radius);height:42px;color:var(--on-navy);align-items:center;gap:14px;padding:0 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.navitem:hover{color:#fff;background:#ffffff14;text-decoration:none}.navitem__dot{background:#ffffff57;border-radius:50%;flex:0 0 10px;width:10px;height:10px}.navitem[aria-current=page]{background:var(--blue);color:#fff;font-weight:700}.navitem[aria-current=page] .navitem__dot{background:#fff}.sidebar__user{border-top:1px solid #ffffff38;margin:0 28px;padding-top:18px}.sidebar__user-name{margin:0;font-size:13px;font-weight:700}.sidebar__user-role{color:var(--on-navy);margin:5px 0 0;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--white);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:18px 40px;display:flex}.topbar__titles{flex:1;min-width:0}.topbar__title{color:var(--navy);margin:0;font-size:26px;font-weight:700;line-height:1.2}.topbar__sub{color:var(--ink-2);margin:5px 0 0;font-size:12.5px}.topbar__search{border:1px solid var(--line-strong);background:var(--white);border-radius:999px;align-items:center;gap:8px;min-width:200px;padding:9px 16px;display:flex}.topbar__search input{font:inherit;width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.topbar__search input::placeholder{color:var(--ink-3)}.iconbtn{cursor:pointer;background:var(--light-blue);width:34px;height:34px;color:var(--navy);border:0;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:grid}.menu-toggle,.mobilebar{display:none}.content{flex-direction:column;gap:20px;padding:24px 40px 48px;display:flex}.crumb{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.pill{background:var(--tint-2);height:28px;color:var(--navy);border-radius:999px;align-items:center;padding:0 16px;font-size:12.5px;font-weight:700;display:inline-flex}.crumb__roles{color:var(--ink-2);font-size:12.5px}.kpis{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 18px 22px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--blue);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi--blue:before{background:var(--blue)}.kpi--light:before{background:var(--light-blue)}.kpi--amber:before{background:var(--amber)}.kpi--coral:before{background:var(--coral)}.kpi__label{color:var(--navy);margin:0;font-size:12.5px;font-weight:700}.kpi__value{color:var(--navy);letter-spacing:-.01em;margin:8px 0;font-size:32px;font-weight:700;line-height:1}.kpi__note{color:var(--ink-2);margin:0;font-size:11.5px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px 24px 24px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel__title{color:var(--navy);margin:0;font-size:17px;font-weight:700}.panel__meta{color:var(--ink-2);font-size:12px}.panel--inner{box-shadow:none;border-radius:var(--radius);background:#63cfe30d}.cols{gap:20px;display:grid}.cols--main-side{grid-template-columns:minmax(0,2.45fr) minmax(0,1fr)}.cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols--side-main{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr)}.cols--chart{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 12px 10px;font-size:11.5px;font-weight:700}table.tbl td{color:var(--ink-2);border-bottom:1px solid #0000000d;padding:13px 12px}table.tbl td:first-child{color:var(--navy);font-weight:700}table.tbl tbody tr:nth-child(odd){background:#63cfe312}table.tbl tbody tr:last-child td{border-bottom:0}.cards{display:none}.badge{color:#000000d1;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge--ok{background:var(--tint-2);color:var(--navy)}.badge--warn{background:var(--amber)}.badge--blocked{background:var(--coral)}.badge--idle{color:var(--ink-2);background:#00000012}.badge--navy{background:var(--navy);color:#fff}.badge__icon{font-size:11px;line-height:1}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13.5px;font-weight:700;transition:filter .15s;display:inline-flex}.btn:hover{filter:brightness(.94)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn--primary{background:var(--blue);color:#fff}.btn--navy{background:var(--navy);color:#fff}.btn--ghost{background:var(--white);color:var(--navy);border-color:var(--line-strong)}.btn--danger{background:var(--coral);color:#000000d9}.btn--sm{border-radius:9px;height:32px;padding:0 14px;font-size:12px}.btn--block{width:100%}.statlist{flex-direction:column;gap:16px;display:flex}.statrow{align-items:flex-start;gap:12px;display:flex}.statrow__mark{background:var(--tint-2);width:28px;height:28px;color:var(--navy);border-radius:9px;flex:0 0 28px;place-items:center;font-size:12px;font-weight:700;display:grid}.statrow__mark--warn{background:var(--amber);color:#000000d1}.statrow__mark--blocked{background:var(--coral);color:#000000d1}.statrow__title{color:var(--navy);margin:0;font-size:13px;font-weight:700}.statrow__note{color:var(--ink-2);margin:3px 0 0;font-size:11.5px}.funnel{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;display:grid}.stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-align:left;cursor:pointer;font:inherit;width:100%;padding:14px 14px 16px;display:block;position:relative;overflow:hidden}.stage:before{content:"";background:var(--blue);height:5px;position:absolute;inset:0 0 auto}.stage[data-tone=light]:before{background:var(--light-blue)}.stage[data-tone=amber]:before{background:var(--amber)}.stage[data-tone=coral]:before{background:var(--coral)}.stage[aria-pressed=true]{border-color:var(--blue);background:var(--tint)}.stage__name{color:var(--navy);margin:8px 0 0;font-size:13px;font-weight:700}.stage__count{color:var(--navy);margin:8px 0 2px;font-size:30px;font-weight:700;line-height:1}.stage__unit{color:var(--ink-2);margin:0 0 12px;font-size:11.5px}.stage__bar{background:#00000012;border-radius:999px;height:6px;display:block;overflow:hidden}.stage__bar>i{background:var(--blue);border-radius:999px;height:100%;display:block}.conv{flex-direction:column;gap:10px;display:flex}.convitem{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer;width:100%;font:inherit;align-items:center;gap:12px;padding:12px 14px;display:flex}.convitem[aria-pressed=true]{border-color:var(--blue);background:var(--tint)}.convitem__av{background:var(--light-blue);width:30px;height:30px;color:var(--navy);border-radius:50%;flex:0 0 30px;place-items:center;font-size:12px;font-weight:700;display:grid}.convitem__name{color:var(--navy);margin:0;font-size:13px;font-weight:700;display:block}.convitem__note{color:var(--ink-2);margin:3px 0 0;font-size:11.5px;display:block}.thread{flex-direction:column;gap:12px;min-height:260px;display:flex}.bubble{border-radius:14px;max-width:78%;padding:14px 16px;font-size:13px;line-height:1.55}.bubble--in{background:var(--tint-2);color:var(--ink);align-self:flex-start}.bubble--out{background:var(--navy);color:#fff;align-self:flex-end}.bubble__meta{color:var(--ink-3);margin:0 0 2px;font-size:11px}.deflist{flex-direction:column;display:flex}.deflist>div{border-bottom:1px solid #0000000f;padding:12px 0}.deflist>div:last-child{border-bottom:0}.deflist dt{color:var(--ink-2);margin:0 0 5px;font-size:11.5px}.deflist dd{color:var(--navy);margin:0;font-size:13.5px;font-weight:700}.sublist{flex-direction:column;gap:2px;display:flex}.sublist button{text-align:left;cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:1px solid #0000000d;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:400}.sublist button[aria-pressed=true]{background:var(--tint-2);color:var(--navy);font-weight:700}.tabs{flex-direction:column;display:flex}.tabs button{text-align:left;cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:1px solid #0000000f;padding:12px 6px;font-size:13px}.tabs button[aria-selected=true]{color:var(--navy);border-bottom:2px solid var(--blue);font-weight:700}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--navy);font-size:12.5px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius);height:44px;font:inherit;color:var(--ink);background:var(--white);padding:0 14px;font-size:13.5px}.field textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.check{align-items:center;gap:12px;padding:11px 0;display:flex}.check__label{color:var(--navy);cursor:pointer;align-items:center;gap:12px;font-size:13.5px;font-weight:700;display:flex}.check__label input[type=checkbox]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.check__box{background:var(--blue);color:#fff;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.check__box--off{color:#0000;background:#00000017}.check__label input[type=checkbox]:focus-visible+.check__box{outline:3px solid var(--blue);outline-offset:2px}.check__label input[type=checkbox]:disabled+.check__box{opacity:.55}.check__label:has(input:disabled){cursor:not-allowed}.chart{width:100%;height:auto;display:block}.empty{text-align:center;padding:40px 20px}.empty__title{color:var(--navy);margin:0 0 6px;font-size:14px;font-weight:700}.empty__note{color:var(--ink-2);margin:0 0 16px;font-size:12.5px}.notice{border-radius:var(--radius);background:var(--tint);color:var(--ink);border:1px solid var(--line);padding:14px 16px;font-size:12.5px;line-height:1.6}.notice--warn{background:#fdbe644d;border-color:#fdbe64b3}.notice--blocked{background:#f160663d;border-color:#f1606699}.notice strong{color:var(--navy)}.footnote{color:var(--ink-2);margin:0;font-size:11.5px}.stack{flex-direction:column;gap:14px;display:flex}.stack--sm{gap:8px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--end{justify-content:flex-end}.grow{flex:1}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login__left{background:var(--navy);color:#fff;padding:52px 56px}.login__brand{margin:0;font-size:21px;font-weight:700}.login__brand-sub{letter-spacing:.06em;color:var(--light-blue);margin:8px 0 0;font-size:11px;font-weight:700}.login__hero{background:var(--blue);border-radius:22px;margin-top:62px;padding:48px 40px}.login__h1{margin:0 0 22px;font-size:36px;font-weight:700;line-height:1.18}.login__lead{color:#fffffff2;margin:0;font-size:18px;line-height:1.75}.login__lead b{color:var(--light-blue)}.login__card{background:var(--light-blue);color:var(--navy);border-radius:var(--radius-lg);max-width:320px;margin:36px 0 30px;padding:20px 24px}.login__card-k{margin:0;font-size:12px;font-weight:700}.login__card-v{margin:8px 0 6px;font-size:21px;font-weight:700}.login__card-n{color:#000000a8;margin:0;font-size:11.5px}.login__points{grid-template-columns:1fr 1fr;gap:14px 24px;display:grid}.login__point{align-items:baseline;gap:12px;font-size:13px;font-weight:700;display:flex}.login__point i{font-size:12px;font-style:normal}.login__right{place-items:center;padding:52px 56px;display:grid}.login__form{width:100%;max-width:420px}.login__h2{color:var(--navy);margin:0 0 8px;font-size:34px;font-weight:700}.login__sub{color:var(--ink-2);margin:0 0 34px;font-size:13.5px}.login__or{text-align:center;color:var(--ink-2);margin:18px 0;font-size:12px}.login__foot{text-align:center;color:var(--ink-2);margin:24px 0 0;font-size:11.5px}@media (max-width:1180px){.kpis{grid-template-columns:repeat(2,1fr)}.cols--main-side,.cols--3,.cols--side-main,.cols--chart{grid-template-columns:minmax(0,1fr)}.funnel{grid-template-columns:repeat(4,minmax(0,1fr))}.content{padding:20px 24px 40px}.topbar{padding:16px 24px}}@media (max-width:900px){.login{grid-template-columns:1fr}.login__left,.login__right{padding:32px 24px}.login__h1{font-size:27px}.login__hero{margin-top:28px;padding:30px 24px}.login__points{grid-template-columns:1fr}}@media (max-width:860px){.app{display:block}.sidebar{z-index:40;height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #0000004d}.sidebar[data-open=true]{transform:none}.scrim{z-index:35;background:#00000073;border:0;position:fixed;inset:0}.mobilebar{background:var(--navy);color:#fff;align-items:center;gap:12px;padding:16px;display:flex}.mobilebar__brand{letter-spacing:.02em;flex:1;margin:0;font-size:15px;font-weight:700}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.topbar{background:0 0;border-bottom:0;flex-wrap:wrap;gap:12px;padding:16px}.topbar__titles{flex:60%;min-width:0}.topbar__title{font-size:24px}.topbar__search{flex:100%;order:4;min-width:0}.iconbtn,.avatar{order:3}.content{gap:16px;padding:16px 16px 90px}.funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px 16px 20px}.kpi__value{font-size:28px}.table-wrap{display:none}.cards{flex-direction:column;gap:10px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:14px}.card__title{color:var(--navy);margin:0 0 10px;font-size:14px;font-weight:700}.card__row{justify-content:space-between;gap:14px;padding:5px 0;font-size:12.5px;display:flex}.card__k{color:var(--ink-2)}.card__v{color:var(--ink);text-align:right;font-weight:700}.sticky-cta{z-index:20;position:fixed;bottom:16px;left:16px;right:16px}}@media (max-width:420px){.kpis{grid-template-columns:1fr 1fr;gap:12px}.funnel{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}