.sidebar-navigation[data-v-7333ac58]{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30575b transparent}.sidebar-navigation>a[data-v-7333ac58],.nav-group[data-v-7333ac58]{flex:none}.nav-parent[data-v-7333ac58]{width:100%;justify-content:flex-start;text-align:left;border:0;background:transparent}.nav-parent[data-v-7333ac58]:hover{background:#1a3a3e;color:#ecf7f7}.nav-parent.parent-active[data-v-7333ac58]{background:#153b3f;color:#dbefee}.nav-parent .nav-chevron[data-v-7333ac58]{transition:transform .18s ease}.nav-parent .nav-chevron.expanded[data-v-7333ac58]{transform:rotate(180deg)}.nav-submenu[data-v-7333ac58]{display:flex;flex-direction:column;gap:3px;padding:5px 0 4px 16px}.nav-child[data-v-7333ac58]{min-height:36px;padding:0 14px;gap:10px;font-size:13px;border-radius:8px;color:#9eb7bb}.nav-child.active[data-v-7333ac58]{background:#1b4a4d;color:#edfffd;box-shadow:inset 3px 0 #20beb8}@media(prefers-reduced-motion:reduce){.nav-parent .nav-chevron[data-v-7333ac58]{transition:none}}.security-modal-backdrop[data-v-2eec04a8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#17292d66;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.security-modal[data-v-2eec04a8]{max-width:100%;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#fff;border:1px solid #e2e9ed;border-radius:17px;box-shadow:0 20px 60px #13292d24;overflow:hidden;outline:none}.security-modal-header[data-v-2eec04a8]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;min-height:62px;border-bottom:1px solid #edf1f4;flex:none}.security-modal-header h2[data-v-2eec04a8]{color:#22353d;font-size:17px;line-height:24px;font-weight:600}.security-modal-close[data-v-2eec04a8]{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#8b969e;padding:4px}.security-modal-close[data-v-2eec04a8]:hover{background:#f2f6f7;color:#425d67}.security-modal-body[data-v-2eec04a8]{padding:24px;min-height:0;overflow-y:auto}.security-modal-footer[data-v-2eec04a8]{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:15px 24px 19px;min-height:71px;background:#fcfdfe;border-top:1px solid #edf1f4;flex:none}@media(max-width:480px){.security-modal-backdrop[data-v-2eec04a8]{padding:12px}.security-modal[data-v-2eec04a8]{max-height:calc(100dvh - 24px)}.security-modal-header[data-v-2eec04a8]{padding:17px 20px}.security-modal-body[data-v-2eec04a8]{padding:21px 20px}.security-modal-footer[data-v-2eec04a8]{padding:14px 20px 17px}}.security-settings-panel[data-v-6e5ef0c4]{width:100%;max-width:920px;margin:0 auto;padding:20px;background:#fff;border:1px solid #dce7ed;border-radius:16px;box-shadow:0 3px 13px #34536303}.security-settings-loading[data-v-6e5ef0c4]{min-height:245px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8095a0;font-size:13px}.security-setting-row[data-v-6e5ef0c4]{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:78px;padding:13px 14px;border:1px solid #dae6ed;border-radius:12px;background:#fafcfe;margin-bottom:12px}.security-setting-row[data-v-6e5ef0c4]:last-child{margin-bottom:0}.security-setting-description[data-v-6e5ef0c4]{min-width:0}.security-setting-description h2[data-v-6e5ef0c4]{color:#263841;font-size:16px;font-weight:550;line-height:25px;margin:0}.security-setting-description p[data-v-6e5ef0c4]{color:#7b8d9c;font-size:14px;line-height:23px;margin-top:2px}.security-setting-actions[data-v-6e5ef0c4]{display:flex;align-items:center;gap:10px;flex:none}.password-row[data-v-6e5ef0c4]{min-height:66px}.security-switch[data-v-6e5ef0c4]{display:inline-flex;width:40px;height:20px;min-width:40px;padding:2px;border:0;border-radius:20px;background:#dce1e9;justify-content:flex-start;align-items:center;transition:background .18s;flex:none}.security-switch span[data-v-6e5ef0c4]{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #77889a17;transform:translate(0);transition:transform .18s}.security-switch.enabled[data-v-6e5ef0c4]{background:#93bfff}.security-switch.enabled span[data-v-6e5ef0c4]{transform:translate(20px)}.security-switch[data-v-6e5ef0c4]:disabled{cursor:default}.security-default-button[data-v-6e5ef0c4],.security-outline-button[data-v-6e5ef0c4],.security-primary-button[data-v-6e5ef0c4]{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8e1e9;background:#fff;color:#738693;font-size:13px;font-weight:500;border-radius:9px;min-height:36px;padding:0 15px;white-space:nowrap}.security-default-button[data-v-6e5ef0c4]:hover{color:#3b6870;background:#f5f9fa}.security-outline-button[data-v-6e5ef0c4]{color:#0b9a9e;border-color:#9fdcde;background:#eaf7f7}.security-outline-button[data-v-6e5ef0c4]:hover{background:#def2f2}.security-primary-button[data-v-6e5ef0c4]{border-color:#0d9698;background:#0d9698;color:#fff;box-shadow:0 5px 12px #078d9116;min-width:84px}.security-primary-button[data-v-6e5ef0c4]:hover{background:#078a8e}.modal-cancel[data-v-6e5ef0c4]{min-width:82px;color:#666c72}.security-form[data-v-6e5ef0c4]{display:flex;flex-direction:column;gap:20px}.security-form-field[data-v-6e5ef0c4]{display:flex;flex-direction:column;gap:8px}.security-form-field label[data-v-6e5ef0c4]{color:#4a5f6b;font-size:13px;line-height:20px;font-weight:500}.security-form-field input[data-v-6e5ef0c4],.security-form-field textarea[data-v-6e5ef0c4]{width:100%;border:1px solid #d7e4ed;border-radius:9px;background:#fafcfe;color:#445c68;font-family:inherit;font-size:14px;padding:9px 12px;line-height:19px;transition:border-color .18s,box-shadow .18s}.security-form-field input[data-v-6e5ef0c4]{height:39px}.security-form-field input[data-v-6e5ef0c4]::placeholder,.security-form-field textarea[data-v-6e5ef0c4]::placeholder{color:#a8b1bb}.security-form-field input[data-v-6e5ef0c4]:disabled{background:#f2f5f6;color:#8e9ea8;opacity:1}.security-form-field textarea[data-v-6e5ef0c4]{min-height:160px;resize:vertical}.security-form-field input[data-v-6e5ef0c4]:focus,.security-form-field textarea[data-v-6e5ef0c4]:focus{outline:none;border-color:#5bbabc;box-shadow:0 0 0 3px #109d9d12}.required-marker[data-v-6e5ef0c4]{color:#ff6466}.security-field-hint[data-v-6e5ef0c4]{color:#93a1ad;font-size:11px;line-height:18px;margin:0}.security-confirm-description[data-v-6e5ef0c4],.security-enrollment-guide[data-v-6e5ef0c4]{color:#7f929e;font-size:13px;line-height:22px;margin:0}.security-qr-loading[data-v-6e5ef0c4]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:235px;color:#8196a1;font-size:13px}.security-enrollment[data-v-6e5ef0c4]{display:flex;flex-direction:column;align-items:center;gap:13px}.security-enrollment-guide[data-v-6e5ef0c4]{align-self:stretch}.security-qr[data-v-6e5ef0c4]{display:block;width:188px;height:188px;background:#fff;border:1px solid #edf1f4;border-radius:8px}.security-secret[data-v-6e5ef0c4]{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 13px;border:1px solid #e2eaee;border-radius:8px;background:#f8fbfc}.security-secret span[data-v-6e5ef0c4]{color:#8194a0;font-size:11px}.security-secret code[data-v-6e5ef0c4]{color:#426571;font-size:13px;line-height:20px;overflow-wrap:anywhere;text-align:center;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.security-expiry[data-v-6e5ef0c4]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#95a3ad;font-size:11px}.security-expiry button[data-v-6e5ef0c4]{border:0;padding:0;color:#199c9f;background:transparent;font-size:11px}.security-enrollment-retry[data-v-6e5ef0c4]{display:flex;justify-content:center;padding:30px 0}.security-bot-clear-button[data-v-6e5ef0c4]{margin-right:auto;min-height:36px;padding:0;border:0;background:transparent;color:#c77b73;font-size:12px;white-space:nowrap}.security-bot-clear-button[data-v-6e5ef0c4]:hover{color:#b3655d}.security-bot-clear-notice[data-v-6e5ef0c4]{padding:13px 14px;border:1px solid #eeded5;border-radius:9px;background:#fdf9f6}.security-bot-clear-notice strong[data-v-6e5ef0c4]{color:#876b61;font-size:13px;font-weight:500}.security-bot-clear-notice p[data-v-6e5ef0c4]{color:#9d8980;font-size:12px;line-height:20px;margin-top:5px}@media(max-width:600px){.security-settings-panel[data-v-6e5ef0c4]{padding:14px}.security-setting-row[data-v-6e5ef0c4]{gap:13px;padding:13px}.security-setting-description h2[data-v-6e5ef0c4]{font-size:14px}.security-setting-description p[data-v-6e5ef0c4]{font-size:12px;line-height:20px}.security-setting-actions[data-v-6e5ef0c4]{gap:8px}.security-default-button[data-v-6e5ef0c4],.security-outline-button[data-v-6e5ef0c4]{padding:0 12px;font-size:12px}}@media(max-width:380px){.security-setting-row[data-v-6e5ef0c4]{flex-wrap:wrap}.security-setting-actions[data-v-6e5ef0c4]{margin-left:auto}.security-setting-row>.security-switch[data-v-6e5ef0c4],.password-row>button[data-v-6e5ef0c4]{margin-left:auto}}@media(prefers-reduced-motion:reduce){.security-switch[data-v-6e5ef0c4],.security-switch span[data-v-6e5ef0c4]{transition:none}}: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}.login-version{margin-top:20px;color:#93a4ad;font-size:12px;line-height:18px;text-align:center}.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;flex-shrink:0}.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;flex-shrink:0}.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}.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}.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}.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}.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}}