:root{--bg:#f4f6f2;--surface:#fff;--surface-soft:#eef4f0;--ink:#17211c;--muted:#66736d;--line:#dce4df;--line-strong:#c8d5cf;--accent:#2f6f5e;--accent-dark:#245746;--accent-soft:#dfeee8;--blue:#315b9f;--blue-soft:#e3ebf7;--amber:#b8752a;--amber-soft:#f5eadb;--danger:#b6423c;--danger-soft:#f7e4e2;--shadow:0 18px 50px #1e2f281f;color:var(--ink);background:var(--bg);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,ui-sans-serif,sans-serif;font-size:16px}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(135deg, #2f6f5e17, transparent 34%), linear-gradient(315deg, #b8752a14, transparent 30%), var(--bg);min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f6f5e38}form{margin:0}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f6f2e6;border-bottom:1px solid #c8d5cfd1;position:sticky;top:0}.app-header__bar,.filter-panel,main{width:min(1320px,100% - 32px);margin:0 auto}.app-header__bar{justify-content:space-between;align-items:center;gap:18px;padding:18px 0 12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--ink);color:#f8fbf8;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand-kicker{color:var(--muted);margin-bottom:2px;font-size:12px;line-height:1.2}h1,h2,p{margin:0}h1{color:var(--ink);font-size:22px;font-weight:750;line-height:1.2}h2{color:var(--ink);font-size:17px;font-weight:750;line-height:1.3}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.logout-form{display:contents}.btn{border:1px solid var(--line-strong);background:var(--surface);min-width:68px;height:36px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{border-color:var(--line);color:#9aa6a0;cursor:not-allowed;background:#edf1ee;transform:none}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-soft{background:var(--blue-soft);color:var(--blue);border-color:#315b9f42}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#b6423c47}.filter-panel{grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(330px,1.4fr) auto;align-items:end;gap:10px;padding:0 0 16px;display:grid}.control{gap:6px;min-width:0;display:grid}.control span{color:var(--muted);font-size:12px;font-weight:700}select,input[type=date]{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink);background:#ffffffdb;border-radius:7px;font-size:14px}select{padding:0 34px 0 12px}input[type=date]{padding:0 10px}select:hover,input[type=date]:hover{border-color:var(--accent)}.date-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.date-range b{color:var(--muted);font-size:13px;font-weight:700}.range-pills{border:1px solid var(--line-strong);background:#ffffff9e;border-radius:8px;align-items:center;gap:4px;height:40px;padding:4px;display:inline-flex}.range-pills button{height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:0 10px;font-size:13px;font-weight:800}.range-pills button:hover,.range-pills button.active{background:var(--accent);color:#fff}main{padding:20px 0 28px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.summary-card,.mini-stat{background:#ffffffc7;border:1px solid #c8d5cfe6;border-radius:8px;min-width:0;box-shadow:0 10px 30px #1e2f2812}.summary-card{padding:18px;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--accent);width:5px;position:absolute;inset:0 auto 0 0}.summary-card--blue:before{background:var(--blue)}.summary-card--amber:before{background:var(--amber)}.summary-card--danger:before{background:var(--danger)}.summary-label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:750;display:block}.summary-value{color:var(--ink);font-size:30px;font-weight:850;line-height:1.1;display:block}.summary-note{color:var(--muted);margin-top:8px;font-size:12px;display:block}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.mini-stat{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mini-stat span{color:var(--muted);font-size:13px;font-weight:750}.mini-stat strong{color:var(--ink);font-size:24px;line-height:1}.tabs{border:1px solid var(--line-strong);background:#ffffffad;border-radius:8px;gap:6px;width:fit-content;max-width:100%;margin-bottom:12px;padding:5px;display:flex;overflow-x:auto}.tabs button{height:34px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:0 14px;font-size:14px;font-weight:800}.tabs button:hover,.tabs button.active{background:var(--ink);color:#fff}.panel{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #c8d5cfe6;border-radius:8px;overflow:hidden}.panel+.panel{margin-top:14px}.panel-hd{border-bottom:1px solid var(--line);background:#ffffffb3;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.panel-caption{color:var(--muted);margin-top:3px;font-size:13px}.panel-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.panel-count{background:var(--surface-soft);min-width:60px;height:28px;color:var(--accent-dark);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.hourly-chart{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.hour-slot{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.hour-slot-empty{opacity:.58}.hour-slot-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.hour-label{color:var(--ink);font-size:13px;font-weight:850}.hour-slot-main strong{color:var(--accent-dark);font-size:14px}.hour-track{background:#e8eee9;border-radius:999px;height:8px;overflow:hidden}.hour-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--amber));min-width:3px;max-width:100%;height:100%;display:block}.hour-slot-empty .hour-track span{min-width:0}.source-list{gap:10px;padding:16px;display:grid}.source-row{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.source-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.source-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.source-main strong{color:var(--accent-dark);flex:none;font-size:14px}.source-track{background:#e8eee9;border-radius:999px;height:8px;overflow:hidden}.source-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--accent));min-width:3px;max-width:100%;height:100%;display:block}.hour-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hour-meta span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1ee;padding:12px 14px}th{z-index:1;color:#526058;background:#f6f8f5;font-weight:800;position:sticky;top:0}td{color:#25312b}tbody tr:hover td{background:#f8faf7}.mono{color:#263a33;font-family:Cascadia Mono,Consolas,Monaco,ui-monospace,monospace}.url-cell{text-overflow:ellipsis;vertical-align:bottom;max-width:520px;display:inline-block;overflow:hidden}.metric{color:var(--ink);font-weight:850}.total-row td{background:var(--surface-soft);color:var(--ink);border-bottom:0;font-weight:850}.badge{border-radius:999px;justify-content:center;align-items:center;min-width:68px;height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.badge-mobile{background:var(--blue-soft);color:var(--blue)}.badge-desktop{background:var(--accent-soft);color:var(--accent-dark)}.loading-wrap{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty,.hint{color:var(--muted);font-size:14px}.empty{place-items:center;min-height:220px;padding:32px;display:grid}.hint{padding:24px}@media (width<=1100px){.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.control-date{grid-column:span 2}.range-pills{justify-self:start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-header__bar,.filter-panel,main{width:min(100% - 20px,1320px)}.app-header__bar{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 10px}.brand{gap:10px}.brand-mark{width:36px;height:36px}h1{font-size:20px}.header-actions{justify-content:flex-start;gap:6px;width:100%}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.control-date{grid-column:1/-1}.date-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.date-range b{display:none}.range-pills{grid-column:1/-1;width:100%}.range-pills button{flex:1 1 0}.btn{flex:auto;min-width:0;height:34px;padding:0 10px;font-size:13px}select,input[type=date]{height:38px;font-size:13px}.summary-card{padding:14px}.summary-value{font-size:24px}.mini-stat{gap:8px;padding:12px;display:grid}.mini-stat strong{font-size:20px}.panel-hd{flex-direction:column;align-items:flex-start}.panel-tools{justify-content:flex-start;width:100%}.hourly-chart{grid-template-columns:1fr;padding:12px}.hour-meta{grid-template-columns:repeat(2,minmax(0,1fr))}th,td{padding:10px 12px}.url-cell{max-width:300px}}.login-page[data-v-d1091c09]{background:linear-gradient(135deg,#2f6f5e1f,#0000 34%),linear-gradient(315deg,#b8752a1a,#0000 30%),#f4f6f2;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card[data-v-d1091c09]{background:#ffffffdb;border:1px solid #dce4df;border-radius:8px;width:min(100%,400px);padding:34px;box-shadow:0 18px 50px #1e2f281f}.login-mark[data-v-d1091c09]{color:#f8fbf8;background:#17211c;border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-weight:800;display:grid}h1[data-v-d1091c09]{color:#17211c;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}.subtitle[data-v-d1091c09]{color:#66736d;margin:0 0 26px;font-size:14px}label[data-v-d1091c09]{color:#526058;margin-bottom:7px;font-size:13px;font-weight:700;display:block}input[type=text][data-v-d1091c09],input[type=password][data-v-d1091c09]{color:#17211c;background:#fff;border:1px solid #c8d5cf;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .16s,box-shadow .16s}input[data-v-d1091c09]:focus{border-color:#2f6f5e;box-shadow:0 0 0 3px #2f6f5e2e}.field[data-v-d1091c09]{margin-bottom:16px}.error[data-v-d1091c09]{color:#9b332e;background:#f7e4e2;border:1px solid #b6423c4d;border-radius:7px;margin-bottom:18px;padding:11px 13px;font-size:13px;font-weight:700}button[data-v-d1091c09]{color:#fff;cursor:pointer;background:#2f6f5e;border:1px solid #2f6f5e;border-radius:7px;width:100%;height:42px;margin-top:6px;font-size:14px;font-weight:800;transition:background .16s,transform .16s}button[data-v-d1091c09]:hover{background:#245746;transform:translateY(-1px)}.btn-copy[data-v-ec6cb355]{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:5px;height:26px;padding:0 10px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.btn-copy[data-v-ec6cb355]:hover{background:#f3f4f6}.btn-copy.copied[data-v-ec6cb355]{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.text-muted[data-v-ec6cb355]{color:#9ca3af}