@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#1c1b2d;--muted:#8990a0;--line:#ebeef3;--purple:#7155e8;--bg:#f7f8fc;--pink:#ed7cac;--shadow:0 8px 28px rgba(40,39,76,.025)}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:252px;position:fixed;left:0;top:0;bottom:0;background:#fff;display:flex;flex-direction:column;padding:26px 16px 20px;border-right:1px solid var(--line);z-index:30}.brand{display:flex;gap:10px;align-items:center;padding:0 14px;margin-bottom:49px}.brand-icon,.login-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#805ef0,#6340d4);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px #7155e841}.brand strong{display:block;font-size:20px;font-family:Manrope,sans-serif;letter-spacing:-1px}.brand small{display:block;color:#9c9fac;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:1px}.sidebar-label{color:#b3b5c0;font-size:10px;font-weight:800;letter-spacing:1.65px;margin:0 15px 16px}.sidebar-nav{display:grid;grid-gap:7px;gap:7px}.nav-item{display:flex;gap:13px;align-items:center;min-height:44px;border-radius:10px;padding:0 15px;color:#777b8d;font-size:13px;font-weight:700;border:0;background:none;text-align:left;width:100%}.nav-item.active{background:#f0ebff;color:#6447dc}.nav-item:hover{background:#f7f5fd}.sidebar-spacer{flex:1 1}.side-help{background:linear-gradient(150deg,#f3efff,#f9f6ff);border-radius:15px;padding:18px;margin:0 3px 24px}.side-help-icon{display:block;color:var(--purple);margin-bottom:12px}.side-help strong{font-size:12px}.side-help p{font-size:11px;line-height:1.7;color:#85839b;margin:8px 0}.side-help-link{font-size:11px;color:var(--purple);font-weight:800}.logout{padding:0 16px}.main-wrap{margin-left:252px;min-width:0;flex:1 1}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.topbar-actions,.topbar-left{display:flex;align-items:center;gap:13px}.breadcrumb{font-size:12px;color:#9c9fad}.breadcrumb span{margin:0 10px;color:#cacbd2}.breadcrumb strong{color:#42465b;font-weight:700}.live-dot{height:7px;width:7px;border-radius:50%;background:#3ac996;display:inline-block;box-shadow:0 0 0 3px #3ac99621}.live-label{color:#878b98;font-size:11px;font-weight:700}.avatar{height:33px;width:33px;border-radius:11px;background:#eeebfa;color:#7155e8;display:grid;place-items:center;font-size:11px;font-weight:800}.icon-btn{width:35px;height:35px;border:0;background:transparent;display:grid;place-items:center;color:#83869a;border-radius:9px}.icon-btn:hover{background:#f0eef8}.drawer-close,.menu-toggle{display:none}.main-content{max-width:1460px;margin:0 auto;padding:36px 38px 64px}.demo-banner{font-size:12px;padding:12px 16px;border:1px solid #eadbff;border-radius:12px;background:#f7f1ff;color:#6b52a2;margin-bottom:22px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:27px}.eyebrow{font-weight:800;letter-spacing:1.8px;font-size:10px;color:#8063ef;margin-bottom:9px}.page-heading h1{font-size:27px;line-height:1.3;font-family:Manrope,sans-serif;letter-spacing:-1.2px;margin:0;font-weight:800}.page-heading p{font-size:12px;margin:8px 0 0;color:var(--muted)}.wave{color:#e6a2bc;font-size:19px;vertical-align:top}.primary-btn,.secondary-btn{height:39px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;white-space:nowrap;font-size:12px;font-weight:800}.secondary-btn{border:1px solid #e3e6ef;background:#fff;color:#66697c}.secondary-btn:hover{border-color:#a59bea}.primary-btn{border:0;background:var(--purple);color:#fff;box-shadow:0 5px 14px #7359e52d}.primary-btn:hover{background:#6143d9}.primary-btn.disabled{opacity:.6;cursor:not-allowed}.filter-strip{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 18px;margin-bottom:20px;box-shadow:var(--shadow)}.filter-caption{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#848799;margin-right:2px;margin-bottom:12px}.filter-group label{display:block;font-size:10px;color:#a3a7b4;font-weight:800;margin-bottom:7px}.custom-date input,.filter-group select{background:#fff;border:1px solid #e6e8f0;border-radius:9px;padding:9px 28px 9px 12px;color:#37364d;font-size:12px;min-width:175px;outline:0}.custom-date input:focus,.filter-group select:focus{border-color:var(--purple)}.custom-date{display:flex;gap:10px;align-items:flex-end}.custom-date label{font-size:11px;color:#8f93a0}.custom-date input{display:block;min-width:145px;margin-top:5px}.filter-synced{margin-left:auto;margin-bottom:12px;white-space:nowrap;font-size:11px;color:#989cab;display:flex;gap:9px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:19px}.stat-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:20px 21px;min-width:0;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;min-height:44px}.stat-top>span{font-size:12px;font-weight:700;color:#8a8fa0}.settings-icon,.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.purple{background:#f0ecff;color:#7556e9}.pink{background:#fff0f6;color:#ee7aaa}.blue{background:#eaf5ff;color:#65a7e6}.green{background:#e8faf2;color:#49b98c}.stat-value{font-size:25px;font-family:Manrope,sans-serif;letter-spacing:-1.5px;font-weight:800;white-space:nowrap;margin:4px 0 12px;overflow:hidden;text-overflow:ellipsis}.stat-prefix{font-size:14px;color:#9ca0ae;letter-spacing:0}.stat-info{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#abb0bd}.stat-info svg{color:#c7c9d3}.value-skeleton{display:block;width:90px;height:25px;background:#eff0f4;border-radius:7px;animation:pulse 1s infinite alternate}.chart-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:23px 24px 8px}.panel h2,.section-heading h2{font-size:14px;letter-spacing:-.2px;margin:0;font-family:Manrope,sans-serif}.panel-header p,.section-heading p{font-size:11px;color:#a0a5b2;margin:7px 0 0}.panel-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f8f7fd;border:1px solid #f0eef8;border-radius:8px;font-size:10px;color:#9b94ad;font-weight:700;white-space:nowrap}.chart-area{height:260px;width:100%;padding:12px 13px 14px 5px}.table-panel{margin-bottom:12px}.table-scroll{overflow:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:12px;min-width:670px}.ranking-table th{text-align:left;border-bottom:1px solid #edf0f5;color:#a2a8b5;letter-spacing:.8px;font-size:10px;font-weight:800;padding:15px 24px}.ranking-table td{border-bottom:1px solid #f0f2f6;padding:13px 24px;color:#686c7d}.ranking-table tr:last-child td{border-bottom:0}.ranking-table td strong{color:#36364a}.account-name-cell{display:flex;align-items:center;gap:12px}.account-small-logo,.identity-logo{width:32px;height:32px;background:#fff1f2;color:#e64c68;font-weight:800;display:grid;place-items:center;border-radius:10px;font-size:17px;flex-shrink:0}.account-name-cell strong{display:block;font-size:12px}.account-name-cell small{display:block;color:#a5a9b6;margin-top:3px;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:6px 10px;border-radius:7px;white-space:nowrap}.status-on{background:#e9faf1;color:#43a77b}.status-off{background:#f4f4f7;color:#9195a1}.empty-row{text-align:center;padding:40px!important}.footnote{font-size:10px;color:#a1a5b3;line-height:1.7;margin:15px 0}.notice{display:flex;align-items:flex-start;gap:9px;background:#f3f0ff;color:#6857a8;padding:13px 16px;font-size:12px;border-radius:11px;margin-bottom:18px;line-height:1.55}.error-message,.notice-error{background:#fff0f0;color:#bf454a}.error-message{padding:12px;border-radius:10px;font-size:12px;margin:9px 0}.error-message button{border:0;background:none;text-decoration:underline;color:inherit}.onboarding-tip{display:flex;align-items:flex-start;gap:15px;background:#f1edff;border:1px solid #e9e3ff;border-radius:13px;padding:20px;color:#6550bf;margin-bottom:18px}.onboarding-tip strong{font-size:13px}.onboarding-tip p{font-size:11px;color:#8176ab;line-height:1.7;margin:7px 0 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:28px}.mini-stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.mini-stats span{display:block;font-size:11px;color:#8b91a1}.mini-stats strong{display:block;font-size:24px;font-family:Manrope;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 16px}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.identity-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.identity-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.identity-logo{width:44px;height:44px;font-size:22px}.identity-header>div:nth-child(2){flex:1 1;min-width:0}.identity-header h3{font-size:14px;margin:0}.identity-header p{font-size:11px;color:#9ba0ad;margin:5px 0 0}.account-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #f0f1f6;padding:15px 0}.account-toggle-info strong{display:block;font-size:12px}.account-toggle-info small{display:block;font-size:10px;color:#a4a8b5;margin:5px 0}.connection-good{color:#4db588;font-size:10px}.connection-bad{color:#d88c51;font-size:10px}.switch{border:0;background:#d8dbe5;min-width:43px;width:43px;height:24px;border-radius:99px;padding:3px;display:flex;align-items:center;transition:background .2s}.switch span{width:18px;height:18px;background:#fff;border-radius:100%;box-shadow:0 1px 3px #0001;transition:transform .2s}.switch.on{background:#8061ed}.switch.on span{transform:translateX(19px)}.identity-footer{font-size:10px;color:#afb2be;border-top:1px solid #f0f1f6;padding-top:13px;display:flex;align-items:center;gap:7px}.tip-panel{display:flex;align-items:flex-start;gap:15px;padding:22px}.tip-panel h3{font-size:13px;margin:0}.tip-panel p{font-size:11px;color:#8c91a0;line-height:1.7;margin:7px 0 0}.tip-icon{color:#7c67d4}.loading-panel{padding:25px;font-size:12px;color:#8e92a1}.empty-panel{padding:55px 20px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-panel h3{font-size:16px;margin:20px 0 5px}.empty-panel p{font-size:12px;color:#9ea3b1;margin-bottom:20px}.empty-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:#f0edff;color:var(--purple)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:17px;gap:17px}.settings-card{padding:24px}.settings-card h2{margin:15px 0 7px}.settings-card>p{font-size:12px;line-height:1.8;color:#9196a4;margin:0 0 17px}.setting-row{display:flex;justify-content:space-between;border-top:1px solid #f0f2f6;padding:13px 0;font-size:11px;gap:10px}.setting-row span{color:#9ca1af}.setting-row strong{font-size:11px}.sync-result{font-size:12px;color:var(--purple)!important;margin-top:13px!important}.settings-card small{font-size:10px;display:block;color:#afb1bb;margin-top:10px}.settings-grid+.notice{margin-top:18px}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes pulse{to{opacity:.35}}.drawer-scrim,.mobile-nav{display:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 28% 14%,#ece6ff,transparent 38%),#f7f8fc}.login-card{width:min(100%,420px);padding:38px 38px 25px;background:#fff;border:1px solid #edeef3;border-radius:22px;box-shadow:0 24px 80px #46446c15}.login-logo{width:52px;height:52px;margin-bottom:24px}.login-card h1{font-size:27px;letter-spacing:-1px;font-family:Manrope;margin:6px 0 8px}.login-card>p{font-size:12px;color:#999daa;line-height:1.6;margin:0 0 25px}.login-form{display:grid;grid-gap:18px;gap:18px}.login-form label{font-size:11px;font-weight:800;color:#595d6b}.input-wrap{height:45px;border:1px solid #e6e8ef;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-top:8px;color:#999dae}.input-wrap:focus-within{border-color:var(--purple)}.input-wrap input{border:0;outline:0;flex:1 1;min-width:0;font-size:13px}.login-submit{width:100%;height:44px;justify-content:space-between;padding:0 17px;margin-top:4px}.login-bottom{text-align:center;padding-top:29px;color:#afb2bd;font-size:10px}@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:218px}.main-wrap{margin-left:218px}.main-content{padding:28px 25px}.topbar{padding:0 25px}.identity-grid{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{transform:translateX(-110%);transition:transform .25s;box-shadow:0 5px 35px #1c1b2d20;width:270px}.sidebar.open{transform:translateX(0)}.drawer-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:#20203055;width:100%}.drawer-close{display:grid;margin-left:auto}.main-wrap{margin-left:0;width:100%}.topbar{height:62px;padding:0 18px}.menu-toggle{display:grid}.breadcrumb{font-size:11px}.main-content{padding:25px 16px 105px}.page-heading h1{font-size:23px}.page-heading{align-items:flex-start}.chart-grid,.identity-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:75px;z-index:20;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav,.mobile-nav-item{display:flex;align-items:center}.mobile-nav-item{flex-direction:column;gap:5px;color:#9ca0ac;font-size:10px;font-weight:800;min-width:70px}.mobile-nav-item.active{color:var(--purple)}.top-add{display:none}}@media(max-width:540px){.main-content{padding:23px 13px 100px}.page-heading{flex-direction:column;gap:15px}.page-heading .refresh-btn{align-self:flex-start}.stats-grid{gap:10px}.stat-card{padding:15px 14px}.stat-value{font-size:21px}.stat-top>span{font-size:11px}.stat-icon{width:33px;height:33px}.stat-prefix{font-size:12px}.stat-info{font-size:9px}.filter-strip{padding:13px;gap:11px}.filter-caption{width:100%;margin-bottom:0}.filter-group{flex:1 1;min-width:135px}.filter-group select{width:100%;min-width:0}.filter-synced{width:100%;margin:2px 0 0}.panel-header{padding:19px 16px 7px}.chart-area{height:230px}.mini-stats{gap:9px}.mini-stats>div{padding:12px}.mini-stats strong{font-size:19px}.settings-grid{grid-template-columns:1fr}.topbar-actions .live-label{display:none}.login-card{padding:28px 23px}.filter-strip .custom-date{width:100%}.custom-date input{min-width:0;width:100%}.page-heading .primary-btn{width:100%}}