:root{--bg: #f5f6f8;--bg-glow-1: rgba(29, 107, 255, .18);--bg-glow-2: rgba(245, 158, 11, .12);--bg-glow-3: rgba(14, 165, 233, .12);--panel: #ffffff;--panel-muted: #f2f4f8;--border: #e1e7f0;--text: #0f172a;--muted: #5b6475;--primary: #1d6bff;--primary-strong: #1546c8;--green: #22c55e;--orange: #f59e0b;--error-color: #ef4444;--shadow: 0 28px 60px rgba(15, 23, 42, .12);--shadow-soft: 0 12px 24px rgba(15, 23, 42, .08);--radius-xs: 10px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 16px;--radius-pill: 999px;--card-radius: var(--radius-lg);--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--primary-color-rgb: 29, 107, 255;--grid-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(212 222 236 / 0.7)' stroke-dasharray='6 4' transform='scale(1,-1)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}body.dark-mode{--bg: #0b111a;--bg-glow-1: rgba(12, 70, 185, .42);--bg-glow-2: rgba(245, 158, 11, .18);--bg-glow-3: rgba(56, 189, 248, .15);--panel: #121827;--panel-muted: #0f172a;--border: #1f2a3d;--text: #e2e8f0;--muted: #94a3b8;--primary: #5aa2ff;--primary-strong: #3f7fff;--green: #34d399;--orange: #fbbf24;--error-color: #f87171;--shadow: 0 30px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 12px 24px rgba(0, 0, 0, .35);--primary-color-rgb: 90, 162, 255;--grid-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.55)' stroke-dasharray='6 4' transform='scale(1,-1)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#80808066;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#8080808c;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.25) transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);background-image:radial-gradient(1200px circle at 12% -18%,var(--bg-glow-1),transparent 58%),radial-gradient(900px circle at 90% -12%,var(--bg-glow-2),transparent 55%),radial-gradient(800px circle at 50% 115%,var(--bg-glow-3),transparent 60%);background-attachment:fixed;min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--grid-bg);background-size:28px 28px;opacity:.55;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 70%)}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:240px;background:linear-gradient(180deg,#fffffff0,#fffffffa);border-right:1px solid var(--border);padding:28px 22px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;box-shadow:18px 0 35px #0f172a0f}body.dark-mode .sidebar{background:linear-gradient(180deg,#121827f2,#121827eb);box-shadow:18px 0 40px #00000059}.main-content{flex:1;padding:32px 36px 60px;position:relative}.mobile-topbar{display:none;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft)}body.dark-mode .mobile-topbar{background:#0f172abd}.mobile-topbar-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-muted);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.mobile-topbar-title{font-size:15px;font-weight:700;color:var(--text)}.mobile-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-drawer{width:min(84vw,320px);height:100%;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#fffffff5,#fffffffc);border-right:1px solid var(--border);box-shadow:18px 0 35px #0f172a33}body.dark-mode .mobile-drawer{background:linear-gradient(180deg,#121827fa,#121827f2);box-shadow:18px 0 35px #00000073}.mobile-tabbar{display:none;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:1150;padding:6px;border:1px solid var(--border);border-radius:16px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #0f172a2e;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}body.dark-mode .mobile-tabbar{background:#0f172adb}.mobile-tab-item{min-height:52px;border-radius:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;transition:all .2s}.mobile-tab-item i{font-size:18px}.mobile-tab-item.active{color:var(--primary);background:rgba(var(--primary-color-rgb),.12)}.brand{display:flex;align-items:center;gap:12px;min-width:0;padding:2px}.brand-logo-wrap{width:46px;height:46px;border-radius:13px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(255,255,255,.92),var(--panel-muted));box-shadow:var(--shadow-soft);overflow:hidden;flex:0 0 auto}.brand-logo{width:100%;height:100%;object-fit:cover;display:block}.brand-text{min-width:0;display:flex;flex-direction:column;gap:2px}.brand-title{font-size:17px;font-weight:800;font-family:var(--font-sans);line-height:1.15;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-size:11px;color:var(--muted);line-height:1.2}body.dark-mode .brand-logo-wrap{background:linear-gradient(160deg,rgba(255,255,255,.08),var(--panel-muted))}.menu{display:flex;flex-direction:column;gap:6px}.menu-item{padding:10px 18px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;border:1px solid transparent;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:12px}.menu-item i{font-size:18px}.menu-item:hover{background:rgba(var(--primary-color-rgb),.08);color:var(--text)}.menu-item.active{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.2),rgba(var(--primary-color-rgb),.04));color:var(--text);border-color:rgba(var(--primary-color-rgb),.25);box-shadow:var(--shadow-soft)}.menu-item.active:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--primary);transform:translateY(-50%);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.16)}.sidebar-footer{margin-top:auto;background:linear-gradient(140deg,rgba(var(--primary-color-rgb),.12),#ffffffd1);border-radius:var(--radius-sm);padding:16px;border:1px solid rgba(var(--primary-color-rgb),.2)}body.dark-mode .sidebar-footer{background:linear-gradient(140deg,rgba(var(--primary-color-rgb),.2),#121827e6)}.footer-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.footer-btn i{font-size:18px}.footer-btn:hover{color:var(--primary);background:rgba(var(--primary-color-rgb),.08)}.footer-btn.danger:hover{color:#ef4444;background:#ef444414}.pwd-form{display:flex;flex-direction:column;gap:16px}.pwd-group{display:flex;flex-direction:column;gap:6px}.pwd-group label{font-size:13px;font-weight:600;color:var(--text)}.pwd-group :deep(.p-inputtext){width:100%;padding:10px 12px;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);transition:border-color .2s,box-shadow .2s}.pwd-group :deep(.p-inputtext):focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.pwd-cancel{padding:9px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pwd-cancel:hover{border-color:var(--text);color:var(--text)}.pwd-submit{padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.pwd-submit:hover{opacity:.9}.pwd-submit:disabled{opacity:.6;cursor:not-allowed}.pwd-submit .spin{animation:spin 1s linear infinite}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;animation:floatIn .6s ease both;position:relative;z-index:20}.page-title{display:flex;flex-direction:column;gap:6px;min-height:58px}.title-chip{font-size:20px;font-weight:750;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans)}.title-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.16)}.title-sub{margin-left:18px;font-size:13px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:16px}.header-toolbar{display:flex;align-items:stretch;gap:10px;--toolbar-item-height: 42px}.toolbar-group{display:flex;align-items:center;gap:8px;padding:7px 10px;min-height:58px;border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid rgba(var(--primary-color-rgb),.2);box-shadow:0 8px 18px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.dark-mode .toolbar-group{background:#0f172abd;border-color:rgba(var(--primary-color-rgb),.34);box-shadow:0 10px 20px #02061759}.toolbar-group-primary{gap:0;padding-inline:12px}.toolbar-group-primary>*+*{margin-left:12px;padding-left:16px;border-left:1px solid rgba(var(--primary-color-rgb),.18)}.traffic-pill{display:inline-flex;align-items:center;gap:8px;height:var(--toolbar-item-height);padding:0 12px;border-radius:var(--radius-pill);background:linear-gradient(180deg,rgba(var(--primary-color-rgb),.12),rgba(var(--primary-color-rgb),.05));border:1px solid rgba(var(--primary-color-rgb),.2)}.traffic-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.traffic-value{font-size:18px;font-weight:700;color:var(--primary);font-family:var(--font-sans)}.auto-refresh-toggle{display:inline-flex;align-items:center;gap:8px;height:var(--toolbar-item-height);padding:0 12px;border-radius:var(--radius-md);border:1px solid rgba(var(--primary-color-rgb),.2);background:linear-gradient(180deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.04));color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.auto-refresh-toggle:hover{border-color:rgba(var(--primary-color-rgb),.48);color:var(--primary);background:rgba(var(--primary-color-rgb),.14);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.12)}.auto-refresh-toggle.active{border-color:rgba(var(--primary-color-rgb),.45);color:var(--primary);background:rgba(var(--primary-color-rgb),.14)}.theme-toggle{width:var(--toolbar-item-height);height:var(--toolbar-item-height);border-radius:var(--radius-md);border:1px solid rgba(var(--primary-color-rgb),.2);background:linear-gradient(180deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.04));color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.theme-toggle:hover{border-color:rgba(var(--primary-color-rgb),.48);color:var(--primary);background:rgba(var(--primary-color-rgb),.14);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.12)}.view-toggle{display:flex;background:var(--panel-muted);padding:4px;border-radius:var(--radius-pill);gap:4px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.data-view-toggle-btn{border:none;background:transparent;padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}.data-view-toggle-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 6px 14px rgba(var(--primary-color-rgb),.28)}.link-button{border:none;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;font-size:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow);background-image:linear-gradient(135deg,rgba(255,255,255,.75),transparent);padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 32px 70px #0f172a24;border-color:rgba(var(--primary-color-rgb),.25)}.card[data-anim]{animation:rise .6s ease both}body.dark-mode .card{background-image:linear-gradient(135deg,rgba(255,255,255,.05),transparent)}body.dark-mode .card:hover{box-shadow:0 32px 70px #00000080}.card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;font-family:var(--font-sans)}.card-icon{width:28px;height:28px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;color:#fff}.card-icon i{font-size:16px}.card-icon.blue{background:linear-gradient(135deg,#1d6bff,#7bb3ff)}.card-icon.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.card-icon.green{background:linear-gradient(135deg,#22c55e,#86efac)}.card-actions{display:flex;align-items:center;gap:12px}.overview-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px;margin-bottom:24px;position:relative;z-index:8}.live-card{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.22),rgba(var(--primary-color-rgb),.04));border-color:rgba(var(--primary-color-rgb),.25);position:relative;overflow:hidden}.live-card:after{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.35),transparent 70%);right:-60px;bottom:-60px;opacity:.5}.live-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--primary);font-weight:600;background:rgba(var(--primary-color-rgb),.14);border:1px solid rgba(var(--primary-color-rgb),.24);padding:6px 10px;border-radius:var(--radius-pill)}.live-card-body{margin-top:28px;position:relative;z-index:1}.live-value{font-size:48px;font-weight:800;color:var(--text);font-family:var(--font-sans)}.live-sub{color:var(--muted);margin-top:4px}.metrics-card{display:flex;flex-direction:column;gap:16px}.metrics-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.metrics-title{font-size:18px;font-weight:700;font-family:var(--font-sans)}.metrics-sub{font-size:12px;color:var(--muted)}.metrics-range-label{font-size:12px;font-weight:600;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.metric-tile{background:linear-gradient(160deg,rgba(255,255,255,.75),var(--panel-muted));border-radius:var(--radius-md);padding:14px;border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;min-height:150px;box-shadow:var(--shadow-soft)}body.dark-mode .metric-tile{background:linear-gradient(160deg,rgba(255,255,255,.05),var(--panel-muted))}.metric-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-label{font-size:12px;color:var(--muted);font-weight:600}.metric-value{font-size:20px;font-weight:700;font-family:var(--font-sans)}.metric-sub{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.metric-sub-value{font-weight:600;color:var(--text)}.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.trend-card{grid-column:span 2}.new-old-card{grid-column:span 1}.chart-wrap{height:320px;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.chart-wrap canvas{width:100%!important;height:100%!important}.chart-mini{height:180px;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.chart-mini canvas{width:100%!important;height:100%!important}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-card{padding:14px;border-radius:var(--radius-md);background:linear-gradient(160deg,rgba(255,255,255,.7),var(--panel-muted));border:1px solid var(--border)}.mini-card.blue{background:rgba(var(--primary-color-rgb),.1)}.mini-card.green{background:#22c55e1a}.mini-card.green .mini-percent{color:var(--green)}.mini-card.orange{background:#f59e0b29}body.dark-mode .mini-card{background:linear-gradient(160deg,rgba(255,255,255,.04),var(--panel-muted))}body.dark-mode .mini-card.blue{background:rgba(var(--primary-color-rgb),.15)}body.dark-mode .mini-card.green{background:#22c55e26}body.dark-mode .mini-card.orange{background:#f59e0b2e}.mini-label{font-size:12px;color:var(--muted)}.mini-value{font-size:20px;font-weight:700;font-family:var(--font-sans);margin-top:6px}.mini-percent{font-size:14px;font-weight:700;color:var(--primary);margin-top:6px}.chart-legend{display:flex;align-items:center;gap:8px;margin-right:12px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.blue{background:#1d6bff}.legend-dot.green{background:#22c55e}.legend-dot.orange{background:#f59e0b}.legend-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.legend-btn:hover{border-color:rgba(var(--primary-color-rgb),.4)}.legend-btn.active{background:rgba(var(--primary-color-rgb),.08);border-color:rgba(var(--primary-color-rgb),.3)}.legend-btn.disabled{opacity:.4}.legend-btn.disabled .legend-dot{opacity:.3}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.table-wrapper{overflow-x:auto;width:100%}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 12px;font-size:13px;table-layout:fixed}.ranking-table th,.ranking-table td{padding:12px 14px;text-align:left;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-table th{background-color:transparent;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ranking-table tbody tr{background:linear-gradient(160deg,rgba(255,255,255,.7),var(--panel-muted));border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}body.dark-mode .ranking-table tbody tr{background:linear-gradient(160deg,rgba(255,255,255,.04),var(--panel-muted))}.ranking-table tbody tr td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ranking-table tbody tr td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ranking-table tbody tr:hover{background:rgba(var(--primary-color-rgb),.08);border-color:rgba(var(--primary-color-rgb),.24);box-shadow:var(--shadow-soft)}.domain-col{width:40%}.visitor-col{width:60%}.item-path{font-weight:500}.bar-container{display:flex;align-items:center;gap:6px}.bar-label{font-size:12px;color:var(--text);width:35%;text-align:right;font-weight:600}.bar{position:relative;width:65%;height:10px;background-color:rgba(var(--primary-color-rgb),.14);border-radius:var(--radius-pill);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),rgba(var(--primary-color-rgb),.45))}.bar-fill.orange{background:linear-gradient(90deg,#f59e0b,#f59e0b73)}.bar-fill.green{background:linear-gradient(90deg,#22c55e,#22c55e73)}.bar-percentage{position:absolute;top:-20px;right:0;font-size:11px;color:var(--muted);white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:20px!important}.ios-color{color:#1d6bff!important;font-weight:600}.android-color{color:#22c55e!important;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-grid .card[data-anim]:nth-child(1){animation-delay:.05s}.overview-grid .card[data-anim]:nth-child(2){animation-delay:.1s}.trend-grid .card[data-anim]:nth-child(1){animation-delay:.12s}.trend-grid .card[data-anim]:nth-child(2){animation-delay:.16s}.list-grid .card[data-anim]:nth-child(1){animation-delay:.18s}.list-grid .card[data-anim]:nth-child(2){animation-delay:.22s}.list-grid .card[data-anim]:nth-child(3){animation-delay:.26s}@media (prefers-reduced-motion: reduce){.page-header,.card[data-anim]{animation:none}}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.trend-grid{grid-template-columns:1fr}.trend-card,.new-old-card{grid-column:span 1}.list-grid{grid-template-columns:1fr}}@media (max-width: 992px){.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.header-actions,.header-toolbar{width:100%}}@media (max-width: 768px){.sidebar{display:none}.main-content{padding:16px 14px 92px}.mobile-topbar{display:flex}.mobile-tabbar{display:grid}.card{padding:16px}.title-chip{font-size:17px}.title-sub{margin-left:0}.metrics-grid{grid-template-columns:1fr}.header-toolbar{flex-wrap:wrap;gap:8px}.toolbar-group{width:100%;min-height:0;padding:8px;flex-wrap:wrap}.toolbar-group-primary>*+*{margin-left:0;padding-left:0;border-left:0}.traffic-pill,.auto-refresh-toggle{flex:1 1 140px}}@media (max-width: 560px){.main-content{padding-inline:10px}.title-chip{font-size:16px}.card-title{font-size:15px}.mobile-topbar{padding-inline:10px}.mobile-tab-item span{font-size:9px}.mobile-tab-item i{font-size:17px}}.p-tooltip .p-tooltip-text{background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;line-height:1.8;white-space:pre-line;max-width:280px}.p-tooltip.p-tooltip-top .p-tooltip-arrow{border-top-color:var(--border)}.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:var(--border)}.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:var(--border)}.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:var(--border)}body.dark-mode .p-tooltip .p-tooltip-text{background:var(--panel);border-color:var(--border)}.p-dialog{background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:0 16px 48px #00000026!important;color:var(--text)!important;border-radius:var(--radius-lg)!important;overflow:hidden;outline:none!important}.p-dialog .p-dialog-header{background:var(--panel)!important;color:var(--text)!important;padding:20px 24px 12px!important;border-bottom:none!important}.p-dialog .p-dialog-header .p-dialog-title{color:var(--text)!important;font-weight:700;font-size:16px}.p-dialog .p-dialog-header .p-dialog-header-icon{color:var(--muted)!important;width:32px;height:32px;border-radius:var(--radius-sm)}.p-dialog .p-dialog-header .p-dialog-header-icon:hover{background:rgba(var(--primary-color-rgb),.1)!important;color:var(--text)!important}.p-dialog .p-dialog-content{background:var(--panel)!important;color:var(--text)!important;padding:8px 24px 20px!important}.p-dialog .p-dialog-footer{background:var(--panel)!important;padding:12px 24px 20px!important;border-top:none!important;display:flex;justify-content:flex-end;gap:10px}body.dark-mode .p-dialog{box-shadow:0 16px 48px #00000080!important}.p-confirmdialog .p-confirmdialog-message{color:var(--text);font-size:14px;line-height:1.6}.p-confirmdialog .p-confirmdialog-icon{color:var(--muted);font-size:20px}.p-confirmdialog .p-button{border-radius:var(--radius-md);font-weight:600;font-size:13px;padding:9px 18px;transition:all .2s}.p-confirmdialog .p-confirmdialog-reject-button{background:transparent;border:1px solid var(--border);color:var(--muted)}.p-confirmdialog .p-confirmdialog-reject-button:hover{border-color:var(--text);color:var(--text)}.p-confirmdialog .p-confirmdialog-accept-button{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.p-confirmdialog .p-confirmdialog-accept-button:hover{background:#ef44440f;border-color:#ef4444}.p-dialog-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.p-dialog{width:min(94vw,560px)!important;max-width:94vw!important}.p-dialog .p-dialog-header{padding:16px 16px 8px!important}.p-dialog .p-dialog-content{padding:8px 16px 14px!important}.p-dialog .p-dialog-footer{padding:10px 16px 16px!important;flex-wrap:wrap;justify-content:flex-end}}