:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#273644;background:#eef3f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;--teal: #0c9696;--text: #273644;--muted: #7e8f9e;--line: #d8e4eb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{display:inline-flex;align-items:center;justify-content:center}a{color:inherit;text-decoration:none}h1,h2,p,dl,dd{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #49babb;outline-offset:3px}input:focus,select:focus{outline:none;border-color:#31a9aa;box-shadow:0 0 0 3px #109d9d12}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0daaaa,#067b81);color:#fff;font-size:16px;font-weight:600;flex:none;box-shadow:0 7px 17px #0a8f9224}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{min-height:100dvh;display:flex;gap:18px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:14px;background:radial-gradient(ellipse at top left,#d9ebeb,#f3f6f7 65%)}.boot-screen>svg{color:var(--teal)}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:36px 20px;background:radial-gradient(ellipse at 5% 0%,#d4e8e8 0%,transparent 53%),radial-gradient(ellipse at 95% 90%,#e3eef3 0%,transparent 55%),#f2f6f7}.login-card{width:440px;padding:38px;border:1px solid #dce8ee;border-radius:19px;background:#ffffffed;box-shadow:0 25px 55px #233e4a14}.login-heading{display:flex;align-items:center;gap:15px;margin-bottom:30px}.login-heading h1{font-size:28px;line-height:1.4;color:#1b2d35;font-weight:700;letter-spacing:.2px}.login-form{display:flex;flex-direction:column}.field-label{color:#40525e;font-size:13px;line-height:20px;margin-bottom:8px;font-weight:500}.login-form input{width:100%;height:41px;border-radius:9px;border:1px solid var(--line);background:#f9fbfd;padding:0 14px;color:#465460;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:#9da7af}.login-form>input:first-of-type{margin-bottom:19px}.password-field{position:relative;margin-bottom:18px}.password-field input{padding-right:44px}.password-toggle{position:absolute;right:2px;top:2px;width:38px;height:37px;border:0;color:#97a2ac;background:transparent;border-radius:7px}.password-toggle:hover{color:var(--teal)}.code-label-row{display:flex;justify-content:space-between;align-items:baseline}.optional-tag{font-size:11px;color:#a0acb5}.primary-button{border:none;border-radius:9px;background:#0d9595;color:#fff;font-size:14px;font-weight:600;min-height:41px;gap:7px;box-shadow:0 6px 14px #098d9319;transition:background .15s}.primary-button:hover{background:#07878b}.login-submit{margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 13px #34536303}.admin-shell{min-height:100dvh;background:#eef3f5}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:linear-gradient(180deg,#143338,#10282b 43%);color:#c0cdd1;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:10px 5px;min-height:63px}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font-size:16px;color:#f4f8f8;line-height:21px;font-weight:600}.brand-text>span{font-size:12px;color:#8ea6aa;line-height:17px}.nav-list{display:flex;flex-direction:column;gap:6px;padding:15px 15px 0 0}.nav-item{display:flex;align-items:center;min-height:46px;padding:0 20px;gap:11px;border-radius:11px;font-size:14px;color:#b9c9cd;position:relative;transition:background .16s,color .16s}.nav-item:hover{background:#1a3a3e;color:#ecf7f7}.nav-item.active{background:#174347;color:#ebf8f7;box-shadow:inset 3px 0 #16b2b0}.nav-chevron{margin-left:auto}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:22px;font-size:11px;color:#698a8e}.sidebar-foot .status-dot{width:5px;height:5px;background:#368084}.main-layout{margin-left:232px;min-width:0}.page-header{margin:0 20px 0 15px;min-height:88px;padding:16px 13px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f8fbfc;border-color:#e2ebef;border-top-left-radius:17px;border-top-right-radius:17px}.page-title-wrap{display:flex;align-items:center;gap:12px}.page-header h1{font-size:23px;line-height:1.4;color:#1e3038;font-weight:650}.page-header p{margin-top:3px;color:#7d8d9b;font-size:16px;line-height:1.6}.header-actions{display:flex;align-items:center;gap:10px}.workspace-select{position:relative}.workspace-select select{min-width:280px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 34px 0 12px;background:#fbfcfe;color:#7a8b99;font-size:14px;cursor:pointer}.workspace-select>svg{position:absolute;right:12px;top:12px;pointer-events:none;color:#a7b3bd}.account-area{position:relative}.account-button{gap:5px;height:37px;padding:3px 10px 3px 4px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#7a8b99;font-size:14px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,#0ca7a4,#047d83);color:#fff;font-weight:600;flex:none}.account-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu{position:absolute;top:48px;right:0;min-width:226px;border-radius:12px;padding:7px;z-index:40;box-shadow:0 14px 35px #203d4320}.account-menu-info{display:flex;flex-direction:column;padding:10px 9px 13px;border-bottom:1px solid #edf1f4;gap:7px}.account-menu-info strong{color:#334753;font-size:14px}.account-menu-info span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.account-menu button{width:100%;border:0;border-radius:7px;background:#fff;padding:11px 9px;justify-content:flex-start;gap:8px;margin-top:4px;color:#53636e;font-size:13px}.account-menu button:hover{background:#f1f7f7;color:#098d92}.page-content{padding:22px 30px 0 25px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:10px 14px 10px 20px;margin-bottom:15px;border-radius:15px;background:#fcfdfe}.data-connection{display:flex;align-items:center;gap:7px;font-size:12px;color:#94a2ad}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#b1bec6}.data-connection.connected{color:#6a9394}.data-connection.connected .status-dot{background:#12a69e}.toolbar-actions{display:flex;align-items:center;gap:16px}.period-switch{display:inline-flex;border:1px solid #d8e1e8;border-radius:9px;overflow:hidden;height:37px}.period-switch button{border:0;padding:0 16px;background:#fff;color:#686f77;font-size:14px;font-weight:500;min-width:55px}.period-switch button.selected{background:#099999;color:#fff}.period-switch button:not(.selected):hover{background:#f0f7f7}.updated-time{color:#7d8d9b;font-size:12px;white-space:nowrap}.refresh-button{min-width:80px;height:36px;gap:7px;border:1px solid #9cdddd;border-radius:9px;background:#eaf7f7;color:#109a9c;font-size:13px}.refresh-button:hover{background:#dbf2f2}.metric-grid,.stat-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-grid{margin-bottom:16px}.metric-card{min-height:121px;padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:16px}.metric-card:first-child{border-color:#d1e7eb}.metric-label{color:#7f909f;font-size:13px;line-height:20px}.metric-value{display:flex;align-items:baseline;gap:5px;font-size:28px;font-weight:500;line-height:37px;color:#293847;font-variant-numeric:tabular-nums}.metric-value span{font-size:12px;font-weight:400}.metric-detail{color:#7f909f;font-size:12px;line-height:20px}.metric-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-top:1px;margin-left:8px;flex:none}.tone-blue{background:#eaf3ff;color:#008cff}.tone-cyan{background:#eafaff;color:#00bde9}.tone-green{background:#eaf9f1;color:#04c96a}.tone-pink{background:#fceef5;color:#dd588e}.tone-gray{background:#f0f3f5;color:#8c99a4}.stat-card-grid{margin-bottom:16px}.stats-card{min-height:178px;padding:16px;border-radius:15px}.stats-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.stats-title h2{font-size:14px;color:#2c3c4d;font-weight:600;line-height:24px}.stats-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;flex:none}.stats-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px}.stats-grid dt{font-size:12px;color:#93a0af;line-height:19px;margin-bottom:2px}.stats-grid dd{font-size:14px;color:#354559;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stats-grid dd span{font-size:11px;margin-left:4px;font-weight:400}.charts-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.chart-card{min-height:346px;padding:19px 21px;border-radius:17px}.chart-heading h2{font-size:16px;line-height:25px;font-weight:600;color:#20323b}.chart-heading p{color:#80909e;font-size:13px;line-height:23px;margin-top:1px}.chart-empty{min-height:250px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#84949f;font-size:13px}.chart-empty svg{color:#d0dce3}.traffic-body{min-height:250px;padding:37px 7px 12px;display:flex;align-items:center;gap:36px}.donut-chart{width:228px;height:228px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-center{width:144px;height:144px;background:#fff;border:1px solid #e7eef2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center strong{color:#2e3c4b;font-size:28px;line-height:34px;font-weight:500}.donut-center span{color:#8999a6;font-size:12px;line-height:22px}.traffic-legend{flex:1;min-width:0}.traffic-legend>div{display:flex;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid #edf1f3;font-size:12px}.traffic-legend>div:last-child{border-bottom:0}.legend-dot{width:9px;height:9px;border-radius:50%;flex:none}.source-name{flex:1;color:#526371}.traffic-legend strong{font-weight:400;color:#657886;white-space:nowrap}.source-percent{width:57px;text-align:right;color:#94a2ae;font-size:11px}.traffic-empty{flex:1;color:#8c9ba6;font-size:13px;text-align:center}.traffic-empty p{font-size:12px;color:#a5b0b9;margin-top:9px}.ranking-list{list-style:none;padding:0;margin:24px 0 0}.ranking-list li{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ranking-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;background:#eef7f7;color:#0f9c9d;font-size:12px;border-radius:7px}.ranking-detail{flex:1;min-width:0}.ranking-detail>div:first-child{display:flex;justify-content:space-between;gap:14px;color:#677a89;font-size:12px;margin-bottom:8px}.ranking-detail strong{font-weight:500;color:#445969}.ranking-detail small{font-weight:400;font-size:10px}.ranking-track{height:6px;border-radius:4px;background:#f0f5f6}.ranking-track span{display:block;height:100%;background:#11a6a2;border-radius:4px}.dashboard-loading{min-height:450px;display:flex;align-items:center;justify-content:center;gap:9px;color:#82949f;font-size:14px}.dashboard-retry{min-height:250px;display:flex;align-items:center;justify-content:center}.dashboard-retry .refresh-button{padding:0 14px}.pending-panel{min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 25px}.pending-symbol{width:76px;height:76px;display:flex;align-items:center;justify-content:center;color:#119b9d;background:#eaf7f7;border-radius:24px;margin-bottom:22px}.pending-badge{display:inline-flex;align-items:center;gap:5px;color:#8b9ba7;font-size:11px;border:1px solid #e0e9ee;background:#f8fafb;border-radius:6px;padding:4px 8px;margin-bottom:11px}.pending-panel h2{font-size:22px;color:#263b44;font-weight:600}.pending-panel p{color:#8b9aa5;margin-top:13px;font-size:14px;line-height:1.8;text-align:center}.pending-back{border:1px solid #bce2e2;border-radius:9px;background:#f1fafa;color:#0c9497;font-size:13px;padding:10px 17px;margin-top:27px;gap:7px}.pending-back:hover{background:#e3f5f5}.page-footer{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;color:#a3b0b9;font-size:11px}.page-footer span{color:#c3cbd1}.icon-button{padding:5px;border:0;background:transparent;color:inherit;border-radius:7px}.mobile-menu,.sidebar-close{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13272b66;z-index:25;border:0}.top-message-layer{position:fixed;inset:20px 16px auto;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2000;pointer-events:none}.top-message{display:flex;align-items:center;gap:8px;max-width:min(560px,100%);padding:11px 16px;min-height:42px;color:#1677ff;background:#fff;border-radius:5px;box-shadow:0 4px 16px #182b411a;font-size:13px;line-height:20px;pointer-events:auto;overflow-wrap:anywhere}.top-message>svg{flex:none}.message-error{color:#ff4d4f}.message-success{color:#52a847}.message-warning{color:#d99a20}.top-message-enter-active,.top-message-leave-active{transition:opacity .18s ease,transform .18s ease}.top-message-move{transition:transform .18s ease}.top-message-enter-from,.top-message-leave-to{opacity:0;transform:translateY(-10px)}@media(max-width:1550px){.traffic-body{gap:22px;padding-left:0;padding-right:0}.donut-chart{width:184px;height:184px}.donut-center{width:116px;height:116px}.stats-grid{gap:13px 10px}}@media(max-width:1240px){.sidebar{width:210px}.main-layout{margin-left:210px}.page-content{padding-left:20px;padding-right:20px}.page-header{margin-right:16px}.metric-grid,.stat-card-grid{gap:12px}.metric-card{padding:18px 15px}.metric-icon{width:40px;height:40px;border-radius:12px}.stats-card{padding:14px}.traffic-body{flex-direction:column;padding-top:22px;gap:17px}.traffic-legend,.traffic-empty{width:100%}.traffic-empty{padding:7px 0}.chart-card{min-height:395px}.chart-empty{min-height:292px}.workspace-select select{min-width:220px}.stats-grid dd{font-size:13px}}@media(max-width:1030px){.metric-grid,.stat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{padding:14px}.page-header p{font-size:14px}.header-actions{gap:8px}.workspace-select select{min-width:170px;max-width:215px;font-size:12px}.account-name{max-width:105px}.data-connection{display:none}.dashboard-toolbar{justify-content:flex-end}.toolbar-actions{gap:12px}.stats-grid dd{font-size:14px}.chart-card{padding:19px 17px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:232px}.sidebar.is-open{transform:translate(0)}.sidebar-brand{padding-right:11px}.sidebar-close{display:inline-flex;margin-left:auto;color:#a8c3c6}.main-layout{margin-left:0}.mobile-menu{display:inline-flex;color:#46616a}.page-header{margin:0 12px;min-height:84px}.page-content{padding:15px 12px 0}.page-header h1{font-size:21px}.page-title-wrap{gap:9px}.workspace-select{display:none}.account-name{max-width:120px}.dashboard-toolbar{padding:10px 12px}.toolbar-actions{width:100%;justify-content:space-between;gap:8px}.updated-time{font-size:11px}.metric-grid,.stat-card-grid{gap:12px}.metric-card{min-height:115px}.metric-value{font-size:26px}.charts-grid{grid-template-columns:minmax(0,1fr);gap:12px}.chart-card{min-height:310px}.chart-empty{min-height:220px}.traffic-body{flex-direction:row;min-height:230px;padding:25px 8px 12px;gap:30px}.donut-chart{width:190px;height:190px}.donut-center{width:120px;height:120px}.traffic-legend,.traffic-empty{width:auto}.pending-panel{min-height:520px}}@media(max-width:480px){.login-card{padding:30px 26px;border-radius:16px}.login-heading h1{font-size:26px}.page-header{padding:13px 10px;gap:7px}.page-header p{font-size:12px}.page-header h1{font-size:20px}.account-button{padding-right:6px}.account-name{max-width:84px;font-size:12px}.metric-card{padding:15px 12px;min-height:110px}.metric-icon{width:33px;height:33px;border-radius:11px}.metric-icon svg{width:19px;height:19px}.metric-label{font-size:12px}.metric-value{font-size:25px;line-height:35px;gap:3px}.metric-value span,.metric-detail{font-size:10px}.metric-grid,.stat-card-grid{gap:9px}.stats-card{padding:12px}.stats-title{gap:7px}.stats-title h2{font-size:13px}.stats-icon{width:29px;height:29px;border-radius:9px}.stats-grid{gap:12px 8px}.stats-grid dt{font-size:10px}.stats-grid dd{font-size:12px}.stats-grid dd span{font-size:9px;margin-left:3px}.period-switch{height:34px}.period-switch button{padding:0 12px;min-width:46px;font-size:12px}.refresh-button{min-width:64px;height:34px;font-size:12px;gap:5px}.updated-time{max-width:125px;white-space:normal;line-height:1.5;text-align:center}.traffic-body{gap:18px;padding-left:0;padding-right:0}.donut-chart{width:154px;height:154px}.donut-center{width:100px;height:100px}.donut-center strong{font-size:25px}.source-percent{width:42px;font-size:10px}.traffic-legend>div{gap:7px;font-size:11px}.traffic-empty p{font-size:11px;line-height:1.7}.pending-panel p{font-size:13px}.top-message-layer{top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}