:root{--bordo:#8a1d3a;--orange:#d9601f}:root[data-theme=light]{--primary:#1aa53f;--txt:#2c2026;--muted:#7c6a62;--faint:#a99a90;--bg:#f6efe9;--card:hsla(0,0%,100%,.7);--line:rgba(120,40,40,.13);--soft:rgba(120,60,40,.06);--shadow:0 10px 30px rgba(120,60,40,.08);--bg-image:linear-gradient(140deg,#f7e9e6,#f7efe8 50%,#faeede)}:root[data-theme=dark]{--primary:#37cf63;--txt:#f3ece7;--muted:hsla(25,33%,93%,.62);--faint:hsla(25,33%,93%,.4);--bg:#241019;--card:hsla(0,0%,100%,.055);--line:hsla(0,0%,100%,.12);--soft:hsla(0,0%,100%,.05);--shadow:0 14px 40px rgba(0,0,0,.36);--bg-image:linear-gradient(140deg,#33121f,#2a1115 52%,#542715)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--txt);background:var(--bg);background-image:var(--bg-image);background-attachment:fixed;transition:background .35s,color .25s}svg.ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}.wrap{max-width:1280px;margin:0 auto;padding:26px}header.top{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px;position:relative;z-index:40}.brand,header.top{display:flex;align-items:center}.brand{gap:13px}.brand .mark{width:44px;height:44px;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--bordo),var(--orange))}.brand .mark svg{width:23px;height:23px}.brand .mark img{width:100%;height:100%;object-fit:cover;display:block}.brand h1{font-size:19px;margin:0;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.brand .sub{font-size:12px;color:var(--muted);margin-top:2px}.badge{font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--bordo),var(--orange));padding:3px 9px;border-radius:6px;letter-spacing:.6px}.controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}button,select{font:inherit;color:var(--txt);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:9px 13px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.15s;display:inline-flex;align-items:center;gap:7px}button:hover,select:hover{border-color:var(--primary)}select option{color:#2c2026}.iconbtn{width:40px;justify-content:center;padding:9px 0;font-size:15px}.cta{background:var(--primary);color:#fff}.cta,.cta:hover{border-color:transparent}.cta:hover{filter:brightness(1.05)}.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seg button{border:none;border-radius:0;padding:9px 14px;font-size:13px;background:transparent}.seg button.active{background:var(--primary);color:#fff}.updated{font-size:11.5px;color:var(--faint);margin-bottom:2px}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.kpis{grid-template-columns:repeat(2,1fr)}}.glass{background:var(--card);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:18px;opacity:0;transform:translateY(8px);animation:rise .5s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .2s,box-shadow .2s}.card.glass:hover{transform:translateY(-2px)}@keyframes rise{to{opacity:1;transform:none}}.kpi .top{justify-content:space-between}.kpi .ico,.kpi .top{display:flex;align-items:center}.kpi .ico{width:32px;height:32px;border-radius:9px;justify-content:center;background:var(--soft);color:var(--orange);font-size:16px}.kpi .label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kpi .num{font-size:31px;font-weight:800;margin-top:12px;line-height:1;letter-spacing:-.5px;color:var(--txt)}.kpi .foot{font-size:12px;color:var(--muted);margin-top:8px}.kpi .foot b{color:var(--primary);font-weight:700}.row2{grid-template-columns:1.5fr 1fr}.row3{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.row2,.row3{grid-template-columns:1fr}}h3.sec{margin:0 0 14px;font-weight:700;letter-spacing:.2px;color:var(--txt);gap:9px}h3.sec,h3.sec .si{font-size:13px;display:flex;align-items:center}h3.sec .si{width:25px;height:25px;border-radius:7px;justify-content:center;background:var(--soft);color:var(--orange)}.funnel .step{display:flex;align-items:center;gap:12px;margin:11px 0}.funnel .track{flex:1 1;height:26px;border-radius:7px;background:var(--soft);overflow:hidden}.funnel .bar{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--bordo),var(--orange));min-width:5px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.funnel .stp-label{width:118px;font-size:12.5px;color:var(--muted)}.funnel .stp-val{font-weight:800;font-size:14px;width:52px;text-align:right}.funnel .drop{font-size:10.5px;color:var(--faint);width:148px}.chartbox{position:relative;height:260px}.sumgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.sumgrid .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.sumgrid .v{font-size:22px;font-weight:800;margin-top:4px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{border-radius:9px;padding:8px 14px;font-size:13px}.tabs button.active{background:var(--primary);color:#fff;border-color:transparent}.empty{color:var(--muted);font-size:13px;padding:26px;text-align:center}a.rec{color:var(--primary);font-weight:700;text-decoration:none}.loader{display:flex;align-items:center;justify-content:center;height:220px;color:var(--muted);font-size:14px}.tbl{width:100%;border-collapse:collapse}.tbl td,.tbl th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.tbl th{color:var(--muted);font-weight:600;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tbl td{color:var(--txt)}.tbl tbody tr:hover td{background:var(--soft)}.tblbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.tblbar input{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit;min-width:220px}.tblbar input::placeholder{color:var(--faint)}.pager{display:flex;gap:6px;align-items:center}.pager button{padding:6px 11px;font-size:12px}.pager .cur{background:var(--primary);color:#fff;border-color:transparent}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.daterange{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:3px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daterange.on{border-color:var(--primary)}.daterange .sep{color:var(--faint);font-size:12px}.dp{position:relative;min-width:0}.dp,.dp-trigger{display:inline-flex}.dp-trigger{font:inherit;background:transparent;border:none;color:var(--muted);border-radius:8px;padding:6px 8px;font-size:12.5px;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;min-width:96px}.dp-trigger.has{font-weight:600}.dp-trigger.has,.dp-trigger:hover{color:var(--txt)}.dp-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:100;width:250px;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.dp-pop.right{left:auto;right:0}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dp-head>span{font-size:13px;font-weight:700;text-transform:capitalize;color:var(--txt)}.dp-head button{border:none;background:var(--soft);color:var(--txt);width:28px;height:28px;border-radius:8px;padding:0;justify-content:center;font-size:17px;line-height:1}.dp-head button:hover{background:var(--primary);color:#fff}.dp-dow{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;margin-bottom:4px}.dp-dow span{text-align:center;font-size:10.5px;font-weight:700;color:var(--faint);padding:2px 0}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.dp-day,.dp-empty{height:30px}.dp-day{border:none;background:transparent;color:var(--txt);border-radius:8px;padding:0;font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dp-day:hover:not(:disabled){background:var(--soft)}.dp-day.sel{background:var(--primary);color:#fff;font-weight:700}.dp-day:disabled{color:var(--faint);opacity:.4;cursor:default}.daterange .clr{border:none;background:var(--soft);color:var(--muted);border-radius:7px;width:24px;height:24px;justify-content:center;padding:0;font-size:16px;line-height:1}.daterange .clr:hover{color:var(--txt)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:380px;padding:30px;border-radius:18px;gap:16px;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.login-brand,.login-card{display:flex;flex-direction:column}.login-brand{align-items:center;text-align:center;gap:8px;margin-bottom:6px}.login-logo{width:84px;height:84px;border-radius:20px;object-fit:cover;display:block;box-shadow:var(--shadow)}.login-brand h1{font-size:18px;margin:0;font-weight:800;letter-spacing:-.3px}.login-brand .sub{font-size:11.5px;color:var(--muted)}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:12px;font-weight:600;color:var(--muted)}.login-field input{font:inherit;color:var(--txt);background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;transition:.15s}.login-field input:focus{border-color:var(--primary);background:var(--card)}.login-btn{justify-content:center;padding:12px;font-weight:700;margin-top:4px}.login-btn:disabled{opacity:.6;cursor:default}.login-err{font-size:12.5px;color:#fff;background:linear-gradient(135deg,var(--bordo),var(--orange));padding:9px 12px;border-radius:10px}@media(max-width:620px){.wrap{padding:14px}header.top{gap:12px;margin-bottom:14px}.brand{gap:10px}.brand h1{font-size:16px;flex-wrap:wrap;gap:6px}.brand .sub{font-size:11px}.brand .mark{width:38px;height:38px;border-radius:11px}.controls{gap:8px}.controls,.seg{width:100%}.seg button{flex:1 1;padding:10px 4px;font-size:12px}.daterange{width:100%;justify-content:space-between}.daterange .dp{flex:1 1}.dp-trigger{width:100%}.cta,.dp-trigger{justify-content:center}.cta{flex:1 1}.kpi .num{font-size:25px}.kpi .foot{font-size:11px}.funnel .drop{display:none}.funnel .stp-label{width:80px;font-size:11.5px}.funnel .stp-val{width:auto;min-width:38px}.funnel .step{gap:9px;margin:9px 0}.chartbox{height:220px}.sumgrid{gap:12px}.sumgrid .v{font-size:19px}.tabs button{flex:1 1;justify-content:center;font-size:12px;padding:9px 6px}.tblbar{gap:8px}.tblbar input{min-width:0;width:100%}}