:root{color-scheme:dark;--ink: #eef2ef;--muted: #9aa49d;--line: #2a332d;--line-soft: #1b221d;--ground: #0a0d0b;--card: #121714;--raise: #1a211c;--green: #22dc45;--green-dark: #17b236;--green-soft: #12301b;--green-bar: #1c9e3a;--on-green: #04170a;--orange: #ff9a5c;--orange-soft: #33200f;--red-soft: #351516;--red-ink: #ffb4b4;--blue: #8cb8ff;--blue-soft: #14223a;--side: #060807}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:15px}a{color:var(--green)}h1{font-size:26px;font-weight:600;margin:0 0 4px}h2{font-size:16px;font-weight:600;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.mono,.num{font-family:IBM Plex Mono,monospace}.num{text-align:right;white-space:nowrap}.neg{color:var(--orange)}.pos{color:var(--green)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.shell{min-height:100vh;display:flex;flex-wrap:wrap}.side{flex:1 1 220px;max-width:100%;background:var(--side);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:4px 10px 22px;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.logo-img{display:block;width:100%;max-width:190px;height:auto}.logo-img.sm{max-width:150px}.nav{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:#c9cdd3;text-decoration:none;font-size:14px}.nav:hover{background:#141a16;color:#fff}.nav.active{background:var(--green-soft);color:var(--green);font-weight:500;box-shadow:inset 3px 0 0 var(--green)}.nav .badge{margin-left:auto}.main{flex:999 1 560px;min-width:0;padding:28px;display:flex;flex-direction:column;gap:20px}.topbar{background:var(--side);border-bottom:1px solid var(--line)}.topbar-in{max-width:1240px;margin:0 auto;padding:0 24px;min-height:64px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page{max-width:1240px;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:20px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cols{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.cols>*{flex:1 1 420px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.card.flush{padding:0}.card.flush>h2,.card.flush>.head{padding:16px 16px 10px}.card.narrow{max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px}.kpi .label{font-size:13px;color:var(--muted);margin-bottom:6px}.kpi .value{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:500}.alert{border-radius:10px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.alert.warn{background:var(--orange-soft);color:#ffc9a6;border:1px solid #5a3519}.alert.err{background:var(--red-soft);color:var(--red-ink);border:1px solid #5c2224}.alert.ok{background:var(--green-soft);color:var(--green)}.alert.info{background:var(--blue-soft);color:var(--blue);border:1px solid #27406a}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--line-soft);font-size:14px;vertical-align:middle}tr.total td{font-weight:600}tr.sel td{background:var(--green-soft)}tr.click{cursor:pointer}tr.click:hover td{background:var(--raise)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;border:1px solid var(--line);background:var(--raise);color:var(--ink)}.btn:hover{background:#232b25}.btn:disabled{opacity:.5;cursor:default}.btn.pri{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}.btn.pri:hover{background:var(--green-dark)}.btn.danger{color:var(--orange)}.btn.sm{min-height:32px;padding:0 10px;font-size:13px}label.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--muted)}input,select,textarea{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#0e120f;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px}textarea{padding:8px 10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.pill{display:inline-block;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--raise);color:var(--ink);white-space:nowrap}.pill.ok{background:var(--green-soft);color:var(--green)}.pill.err{background:var(--orange-soft);color:var(--orange)}.pill.info{background:var(--blue-soft);color:var(--blue)}.badge{font-size:11px;font-weight:600;background:#c2571a;color:#fff;border-radius:999px;padding:2px 7px}.bars{display:flex;align-items:flex-end;gap:6px;height:160px;border-bottom:1px solid var(--line)}.bars .b{flex:1 1 0;background:var(--green-bar);border-radius:3px 3px 0 0;min-height:1px}.funnel{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.fstep{flex:1 1 110px;background:var(--ground);border-radius:10px;padding:12px 14px}.fstep.strong{background:var(--green-soft)}.frate{flex:0 1 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;color:var(--green)}.frate .arrow{font-size:18px;line-height:1;color:var(--muted)}.seg-group{display:inline-flex;gap:2px;background:#161c18;padding:3px;border-radius:8px}.seg{min-height:34px;padding:0 12px;border:0;background:transparent;font:inherit;font-size:13px;color:var(--muted);border-radius:6px;cursor:pointer}.seg.on{background:var(--green-soft);color:var(--green);font-weight:600;box-shadow:inset 0 0 0 1px #1f5a2f}.chart-tip{min-height:22px;font-size:13px}.chart{display:flex;align-items:flex-end;gap:3px;height:180px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line-soft) 1px,transparent 1px);background-size:100% 60px}.chart .col{flex:1 1 0;height:100%;display:flex;align-items:flex-end;cursor:default}.chart .bar{width:100%;background:var(--green-bar);border-radius:4px 4px 0 0;min-height:0;transition:background .1s}.chart .col.on .bar,.chart .col:hover .bar{background:var(--green)}.chart-x{display:flex;gap:3px;font-size:11px;color:var(--muted)}.chart-x span{flex:1 1 0;white-space:nowrap;overflow:visible}.hbar{height:10px;background:var(--green-bar);border-radius:0 4px 4px 0;min-width:0}.invoice-wrap{max-width:860px;margin:0 auto;width:100%}.invoice{color-scheme:light;--ink: #15181d;--muted: #5b6068;--line: #e1e3de;--line-soft: #eef0ec;--ground: #f3f4f1;--card: #fff;--green: #17663f;--orange: #a8470f;background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;display:flex;flex-direction:column;gap:28px;font-size:14px;line-height:1.5;color:var(--ink)}.inv-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.inv-title{font-size:28px;font-weight:600;letter-spacing:.02em}.inv-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.inv-strong{font-weight:600;font-size:15px}.inv-to{background:var(--ground);border-radius:8px;padding:14px 16px;max-width:420px}.inv-table th{border-bottom:2px solid var(--ink);color:var(--ink)}.inv-totals{margin-left:auto;min-width:280px;display:flex;flex-direction:column;gap:6px}.inv-totals>div{display:flex;justify-content:space-between;gap:24px;font-family:IBM Plex Mono,monospace}.inv-totals>div span:first-child{font-family:IBM Plex Sans,sans-serif;color:var(--muted)}.inv-grand{border-top:2px solid var(--ink);padding-top:8px;font-weight:600;font-size:16px}.inv-grand span:first-child{color:var(--ink)!important}.inv-foot{border-top:1px solid var(--line);padding-top:14px;font-size:13px;color:var(--muted)}@media print{@page{size:A4;margin:14mm}body{background:#fff;color:#15181d}.no-print,.side,.topbar,.alert{display:none!important}.main,.page{padding:0!important}.invoice{border:0;padding:0;border-radius:0}.invoice-wrap{max-width:none}}.msg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--ink);border:1px solid var(--line)}.msg:hover{background:var(--raise)}.msg-tag{flex:none;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px}.msg.err{border-color:#5c2224}.msg.err .msg-tag{background:var(--red-soft);color:var(--red-ink)}.msg.warn{border-color:#5a3519}.msg.warn .msg-tag{background:var(--orange-soft);color:#ffc9a6}.msg.info .msg-tag{background:var(--blue-soft);color:var(--blue)}.msg-go{margin-left:auto;color:var(--muted);font-size:18px}.th-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;white-space:nowrap}.th-sort:hover{color:var(--ink)}th.num .th-sort{width:100%;text-align:right}.pill.warn{background:var(--orange-soft);color:var(--orange)}.loadbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;overflow:hidden;background:var(--green-soft)}.loadbar span{position:absolute;top:0;bottom:0;width:35%;background:var(--green);animation:loadbar 1.1s ease-in-out infinite}@keyframes loadbar{0%{left:-35%}to{left:100%}}.loadpill{position:fixed;top:12px;right:16px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 2px 12px #00000080;font-size:13px;color:var(--muted)}.spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--green);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loadbar span{animation-duration:3s}.spin{animation-duration:2s}}.stats-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rank li{display:flex;gap:10px;align-items:flex-start}.rank-n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--line-soft);color:var(--muted);font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.rank li:first-child .rank-n{background:var(--green);color:var(--on-green);font-weight:600}.rank-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rank-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.rank-bar{height:8px;background:var(--line-soft);border-radius:4px;overflow:hidden}.rank-bar span{display:block;height:100%;background:var(--green-bar);border-radius:0 4px 4px 0}.rank li:first-child .rank-bar span{background:var(--green)}@media(max-width:480px){.stats-2{grid-template-columns:1fr}}.loss{border-top:1px solid var(--line-soft);padding-top:10px}.loss-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.loss-list{list-style:none;margin:10px 0 2px;padding:0;display:flex;flex-direction:column;gap:10px}.loss-list li{display:grid;grid-template-columns:minmax(110px,180px) minmax(120px,1fr) 100px;grid-template-areas:"book bar val" "why why why";gap:2px 12px;align-items:center}.loss-book{grid-area:book;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.div-bar{grid-area:bar;display:grid;grid-template-columns:1fr 1fr;height:10px}.div-neg{display:flex;justify-content:flex-end;border-right:1px solid var(--muted)}.div-neg span{display:block;height:100%;background:var(--orange);border-radius:4px 0 0 4px}.div-pos span{display:block;height:100%;background:var(--green-bar);border-radius:0 4px 4px 0}.loss-val{grid-area:val;text-align:right}.loss-why{grid-area:why}@media(max-width:520px){.loss-list li{grid-template-columns:1fr 90px;grid-template-areas:"book val" "bar bar" "why why"}}.loss-head{display:grid;grid-template-columns:22px minmax(120px,220px) minmax(120px,1fr) 110px;grid-template-areas:"n name bar val" ". why why why";gap:4px 12px;align-items:center}.loss-head .rank-n{grid-area:n}.loss-head .rank-n.first{background:var(--green);color:var(--on-green);font-weight:600}.loss-name{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loss-head .loss-total{grid-area:bar}.loss-head .loss-val{grid-area:val}.loss-head .loss-why{grid-area:why}.loss-list{margin-left:34px}@media(max-width:520px){.loss-head{grid-template-columns:22px 1fr 90px;grid-template-areas:"n name val" ". bar bar" ". why why"}.loss-list{margin-left:0}}.howto{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--ground)}.howto summary{cursor:pointer;font-size:13px;color:var(--muted)}.howto p{margin:8px 0 0;line-height:1.5}h1{letter-spacing:-.01em}.side{border-right:1px solid var(--line)}.kpi .value{color:var(--ink)}::selection{background:#1f5a2f;color:#fff}.login-logo{display:block;width:100%;max-width:260px;height:auto;margin:0 auto 6px}@media(min-width:800px){.shell{flex-wrap:nowrap}.side{flex:0 0 230px;position:sticky;top:0;height:100vh;overflow-y:auto;align-self:flex-start}}.nav.logout{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:8px;padding-top:4px;color:var(--muted)}.nav.logout:hover{color:var(--orange)}.msg{border-left-width:4px}.msg.err{background:#2a1213;border-color:#6e2427;border-left-color:#ff5a5f}.msg.err:hover{background:#351719}.msg.err .msg-tag{background:#ff5a5f;color:#1f0506}.msg.warn{background:#2a1a0c;border-color:#6b3f17;border-left-color:#ff9a3c}.msg.warn:hover{background:#352010}.msg.warn .msg-tag{background:#ff9a3c;color:#261202}.msg.info{background:#111d30;border-color:#27406a;border-left-color:#6ea8ff}.msg.info .msg-tag{background:#6ea8ff;color:#06142b}.msg .msg-go{color:var(--ink)}.pub-nav{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;gap:4px;overflow-x:auto}.pub-tab{background:none;border:0;border-bottom:3px solid transparent;padding:12px 14px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap}.pub-tab:hover{color:var(--ink)}.pub-tab.on{color:var(--green);border-bottom-color:var(--green);font-weight:600}.link-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 0;border-top:1px solid var(--line-soft)}.link-row:first-of-type{border-top:0}.link-url{overflow-wrap:anywhere;color:var(--green)}@media(max-width:600px){.pub-nav{padding:0 12px}}.side-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.side-links{display:flex;flex-direction:column;gap:4px;flex:1}.menu-btn{display:none;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--raise);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.stats-2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.seg-group{max-width:100%;overflow-x:auto;scrollbar-width:none}.seg-group::-webkit-scrollbar{display:none}.seg{white-space:nowrap;flex:none}@media(max-width:799px){.shell{display:block}.side{position:sticky;top:0;z-index:50;height:auto;max-height:100vh;padding:8px 14px;border-right:0;border-bottom:1px solid var(--line);gap:0}.side .brand{padding:0;flex-direction:row;align-items:center;gap:10px}.side .logo-img{max-width:112px}.menu-btn{display:inline-flex}.side-links{display:none;padding:10px 0 6px;max-height:calc(100vh - 64px);overflow-y:auto}.side.open .side-links{display:flex}.side-links>div[style]{display:none}.nav{min-height:46px;font-size:15px}.main{padding:16px 14px 40px;gap:16px}}@media(max-width:600px){body{font-size:15px}h1{font-size:22px}.card{padding:14px;border-radius:10px}.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi .label{font-size:12px}.kpi .value{font-size:19px;overflow-wrap:anywhere}.head{align-items:stretch}.head>*{max-width:100%}input,select,textarea{font-size:16px}th,td{padding:8px 10px}.page{padding:16px 14px 40px;gap:16px}.topbar{position:sticky;top:0;z-index:40}.topbar-in{padding:0 14px;min-height:56px}.topbar .brand{flex-direction:row;align-items:center;gap:8px}.topbar .logo-img.sm{max-width:104px}.pub-nav{padding:0 6px}.pub-tab{padding:10px;font-size:14px}.loadpill{top:auto;bottom:14px;right:14px}.funnel{gap:6px}.fstep{flex:1 1 calc(50% - 6px)}.frate{flex:1 1 100%;flex-direction:row;gap:8px;padding:0}.frate .arrow{transform:rotate(90deg)}.msg{flex-wrap:wrap;gap:6px 10px}.msg-go{display:none}.chart{height:140px;gap:2px}.loss-list{margin-left:0}.tbl-cards thead{display:none}.tbl-cards tr{display:block;padding:10px 14px;border-bottom:1px solid var(--line-soft)}.tbl-cards td{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border:0;text-align:right}.tbl-cards td:before{content:attr(data-label);color:var(--muted);font-family:IBM Plex Sans,sans-serif;font-size:13px;text-align:left}.tbl-cards td.cell-title{font-weight:600;padding-bottom:6px;text-align:left}.tbl-cards td.cell-title:before,.tbl-cards td.cell-action:before{content:none}.tbl-cards td.cell-action{justify-content:flex-end;padding-top:6px}.tbl-cards td.cell-hide-m{display:none}.tbl-cards tr.total{background:var(--raise)}}@media(max-width:600px){.topbar-in{flex-wrap:nowrap;gap:10px}.topbar .brand{font-size:0;gap:0}.topbar-in>.row{flex-wrap:nowrap;min-width:0}.topbar-in>.row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38vw}.tbl-cards tr{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.tbl-cards td.cell-title,.tbl-cards td.cell-action{grid-column:1 / -1}}.deal-pill{border:1px solid transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:500}.deal-pill:hover{border-color:var(--green)}.deal-pill.off{background:var(--raise);color:var(--muted);text-decoration:line-through}.link-form{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--ground)}.loginas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px}.loginas{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.preview-bar{position:relative;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:8px 16px;background:#2a1a0c;border-bottom:1px solid #6b3f17;color:#ffc9a6;font-size:14px}