*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f7f9fc;color:#121827}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.login,.setup{max-width:470px;margin:9vh auto;background:#fff;padding:34px;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 18px 55px #26364d18}.login h1,.setup h1{margin-top:0}.app{display:flex;min-height:100vh}.sidebar{width:226px;background:#fff;border-right:1px solid #e7ebf2;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:20}.brand{height:54px;padding:9px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f5}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f7df5,#9b35ec);color:#fff;font-weight:900}.brand strong{font-size:14px;display:block;line-height:1.1}.brand small{font-size:10px;color:#8290a6}.user{padding:14px 14px;border-bottom:1px solid #edf0f5;font-size:11px;display:flex;gap:10px;align-items:center}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#337cf3,#a542ee);color:#fff;font-weight:700}.user b{font-size:11.5px}.nav{padding:9px 9px 70px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin:1px 0;font-size:11.5px;color:#344054;transition:.16s}.nav a:hover,.nav a.active{background:#e9fbf7;color:#058c80}.nav a.active{box-shadow:inset -2px 0 #079989}.nav-icon{width:18px;text-align:center;font-size:15px;line-height:1}.nav .logout{color:#e64242;margin-top:14px;border-top:1px solid #f0f2f6;padding-top:12px}.main{margin-left:226px;width:calc(100% - 226px);padding:0 22px 28px}.topbar{height:42px;margin:0 -22px 14px;padding:0 20px;border-bottom:1px solid #e7ebf2;background:#fff;display:flex;justify-content:flex-end;align-items:center}.mobile-title{display:none}.theme-dot{border:0;background:transparent;font-size:17px;cursor:pointer}.pagehead{display:flex;justify-content:space-between;align-items:center;margin:12px 0 14px}.pagehead h1{margin:0;font-size:23px;letter-spacing:-.5px}.datepill{font-size:11px;color:#667085;background:#fff;border:1px solid #e4e8ef;padding:7px 10px;border-radius:8px}.muted{color:#6f7d91;font-size:11.5px}.hero-strip{border-radius:17px;background:linear-gradient(100deg,#ecfbf9,#eef2ff 55%,#f4eaff);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e7ebff;box-shadow:0 10px 24px #22304a0d;margin-bottom:16px}.hero-strip h2{margin:4px 0 3px;font-size:20px}.hero-strip p{margin:0;color:#667085;font-size:11.5px}.hero-kicker{font-size:10px;letter-spacing:1.3px;color:#0b8e82;font-weight:800}.hero-actions{display:flex;gap:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.cards.six{grid-template-columns:repeat(6,1fr)}.card,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:13px;box-shadow:0 7px 20px #26364d0a}.card{padding:16px 15px;min-height:127px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:#ffffff10;right:-25px;bottom:-35px}.card-icon{width:37px;height:37px;border-radius:11px;background:#ffffff29;display:grid;place-items:center;font-size:18px;margin-bottom:14px}.trend{position:absolute;right:14px;top:16px;font-size:10.5px;font-weight:700}.card-label{font-size:11px;opacity:.96}.metric{font-size:23px;font-weight:800;margin-top:5px;letter-spacing:-.5px}.card small{font-size:10px;opacity:.78}.blue{background:linear-gradient(135deg,#3f83f7,#6943e8);color:#fff}.green{background:linear-gradient(135deg,#48c976,#10b6a2);color:#fff}.purple{background:linear-gradient(135deg,#9b4ce9,#7438df);color:#fff}.orange{background:linear-gradient(135deg,#ff9e45,#ffbb16);color:#fff}.cyan{background:linear-gradient(135deg,#42c5be,#328ce9);color:#fff}.red{background:linear-gradient(135deg,#fb6074,#ef3550);color:#fff}.panel{padding:18px}.dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-title h2{font-size:15px;margin:0}.panel-title p{font-size:10.5px;color:#7a8597;margin:2px 0 0}.panel-ico{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:17px}.purple-ico{background:#eee7ff;color:#7a41e6}.teal-ico{background:#dff9f4;color:#05a293}.orange-ico{background:#fff0dc;color:#f27b15}.slate-ico{background:#e9edf3;color:#344054}.blue-ico{background:#e3edff;color:#386ff5}.green-ico{background:#e2f8ea;color:#16aa5a}.mini-tabs{margin-left:auto;display:flex;gap:6px}.mini-tabs b,.tag-soft{font-size:9.5px;padding:5px 8px;border-radius:7px;background:#eff5ff;color:#3972de}.chart-placeholder{height:215px;position:relative;padding:10px 8px 28px 38px}.ylabels{position:absolute;left:0;top:4px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:#8b96a8;font-size:9px}.chart-bars{height:100%;display:flex;align-items:flex-end;gap:7px;border-left:1px solid #edf0f5;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#edf0f5 39px)}.chart-bars i{flex:1;position:relative;min-height:12px;background:linear-gradient(to top,#6d8cff55,#6d8cff0e);border-top:2px solid #506ef5;border-radius:4px 4px 0 0}.chart-bars i em{position:absolute;width:6px;height:6px;border-radius:50%;background:#15b76a;right:-3px;top:-4px}.months{position:absolute;left:38px;right:8px;bottom:5px;display:flex;justify-content:space-between;font-size:8.5px;color:#8792a5}.aqua-panel{background:linear-gradient(180deg,#f0fffd,#f8fffe)}.warm-panel{background:linear-gradient(180deg,#fff9ed,#fffdf8)}.rank-list{display:grid;gap:8px}.rank-row{display:flex;align-items:center;gap:9px;padding:8px;background:#fff;border:1px solid #e4f5f1;border-radius:9px}.rank-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#0aa79b;color:#fff;font-size:9.5px;font-weight:700}.rank-main{flex:1}.rank-main b,.rank-value b{display:block;font-size:10.5px}.rank-main small,.rank-value small{font-size:9px;color:#7b8799}.rank-value{text-align:right;color:#069a57}.progress{height:3px;background:#edf1f5;border-radius:20px;margin-top:6px}.progress i{display:block;height:100%;background:#13b3a6;border-radius:20px}.summary-band{display:flex;justify-content:space-between;margin-top:11px;padding:9px 10px;border:1px solid #b8efe7;border-radius:9px;font-size:10px}.donut-wrap{display:flex;align-items:center;gap:22px;padding:16px 10px}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#08b786 0 35%,#3f7af5 35% 63%,#f59a08 63% 85%,#8e49ea 85% 100%);position:relative}.donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}.legend{flex:1;display:grid;gap:9px}.legend span{font-size:10px;display:flex;justify-content:space-between;gap:8px}.legend i{width:8px;height:8px;border-radius:50%;background:#19b783;display:inline-block;margin-right:4px}.legend span:nth-child(2) i{background:#3f7af5}.legend span:nth-child(3) i{background:#f59a08}.legend span:nth-child(4) i{background:#8e49ea}.activity-list,.product-ranks{display:grid;gap:3px}.activity,.product-rank{display:flex;align-items:center;gap:9px;padding:8px;border-bottom:1px solid #eef1f5}.activity-icon,.product-rank>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e8f7ec;color:#16a95b;font-weight:700}.activity>div,.product-rank>div{flex:1}.activity b,.product-rank b{font-size:10.5px;display:block}.activity small,.product-rank small{font-size:9px;color:#7e899a}.activity strong,.product-rank strong{font-size:10.5px}.quick-panel{background:linear-gradient(180deg,#f4fffb,#fff)}.quick-actions{display:grid;gap:8px}.quick-actions a{padding:10px;border:1px solid #edf0f5;border-radius:9px;font-size:10.5px;background:#fff}.quick-actions a span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf4ff;margin-right:8px}.panel h2{margin:0 0 8px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.btn{display:inline-block;border:0;background:#079989;color:#fff;padding:9px 13px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:650}.btn.secondary{background:#6941c6}.btn.danger{background:#e64545}.btn.white{background:#fff;color:#164950;box-shadow:0 4px 12px #00000010}.btn.ghost{background:#ffffff18;border:1px solid #ffffffaa;color:#4b5570}.input,select,textarea{width:100%;padding:9px 11px;border:1px solid #dce3ec;border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #4e7eff40;border-color:#4e7eff}label{font-size:11px;font-weight:600;display:block;margin:8px 0 5px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 9px;border-bottom:1px solid #edf0f4;text-align:left;font-size:11px}.table th{color:#475467;font-weight:700}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#dff7e7;color:#138746;font-size:9.5px}.alert{padding:11px;background:#fff2d8;border-radius:8px;margin-bottom:12px;font-size:11px}.empty{font-size:10.5px;color:#8b95a5;padding:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:1400px){.cards.six{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.sidebar{width:70px}.brand{justify-content:center}.brand div,.user div,.nav a span:last-child{display:none}.user{justify-content:center}.nav a{justify-content:center}.nav-icon{font-size:17px}.main{margin-left:70px;width:calc(100% - 70px)}.cards.six{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.formgrid,.grid2{grid-template-columns:1fr}}
@media(max-width:620px){.main{padding:0 11px 18px}.topbar{margin:0 -11px 10px}.pagehead{align-items:flex-start}.pagehead h1{font-size:19px}.datepill{display:none}.hero-strip{display:block}.hero-actions{margin-top:13px}.cards.six{grid-template-columns:1fr}.card{min-height:110px}.table{display:block;overflow:auto}.panel{padding:13px}.donut-wrap{flex-direction:column}.mobile-title{display:block;margin-right:auto;font-weight:700;font-size:12px}}
@media print{.sidebar,.topbar,.hero-actions,.btn{display:none!important}.main{margin:0;width:100%;padding:0}.panel,.card{box-shadow:none}}