:root{--sidebar: #062640;--sidebar-deep: #041c31;--accent: #078f8f;--accent-soft: #e1f5f3;--warning: #e67e22;--text: #1f2937;--muted: #667085;--line: #e5e7eb;--surface: #ffffff;--page: #f5f7fa}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--page);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button{font-family:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:66px minmax(0,1fr);grid-template-areas:"sidebar topbar" "sidebar main"}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f7}.login-panel{width:min(440px,100%);display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.auth-loading-panel{min-height:184px;align-content:center}.login-brand{display:flex;align-items:center;gap:14px}.login-brand h1{margin:0;font-size:22px}.login-brand span{color:var(--muted);font-size:13px}.login-entry-list{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.login-entry-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#475467;font-size:13px;line-height:1.45}.login-entry-item svg{color:var(--accent)}.admin-login-form{display:grid;gap:4px}.admin-login-form .el-button,.qr-login-button{width:100%}.login-divider{position:relative;display:flex;justify-content:center;color:var(--muted);font-size:12px}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--line)}.login-divider span{position:relative;padding:0 10px;background:var(--surface)}.sidebar{grid-area:sidebar;position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.08);color:#e5eef7;display:flex;align-items:stretch;flex-direction:column;gap:14px;padding:18px 14px;overflow-y:auto}.sidebar-brand{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.sidebar-brand svg{color:#20c5b5}.nav-sections{min-width:0;display:grid;gap:14px}.nav-section{min-width:0;display:grid;gap:6px}.nav-section-title{padding:0 12px;color:#8fb0cc;font-size:12px;font-weight:700}.nav-list{min-width:0;display:grid;gap:5px}.nav-list button{width:100%;height:42px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;color:#c8d7e5;background:transparent;font-size:14px;cursor:pointer;white-space:nowrap}.nav-list button.active,.nav-list button:hover{color:#fff;background:#0f766e}.sidebar-user{margin:auto 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:16px 4px 0;display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:42px;height:42px;border-radius:50%;background:#12a694;display:grid;place-items:center;color:#fff;font-weight:700}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user span{margin-top:3px;color:#9fb3c8;font-size:12px}.main{grid-area:main;min-width:0;overflow:auto}.topbar{grid-area:topbar;min-height:66px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:18px}.topbar-left{min-width:0;display:flex;align-items:center;gap:18px}.topbar-brand{display:none;align-items:center;gap:10px;color:var(--sidebar);font-size:20px;font-weight:700;white-space:nowrap}.topbar-brand svg{color:#0f9488}.topbar h1{margin:0;font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.top-actions .el-button{min-width:0}.top-action-label{white-space:nowrap}.mobile-menu-button,.nav-backdrop{display:none}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:14px;padding:18px}.page-view{display:grid;gap:14px;padding:18px;min-width:0}.auth-state{padding:18px}.page-alert{margin:18px 18px 0}.work-area{min-width:0;display:grid;gap:12px}.filter-panel,.table-panel,.rail-panel,.data-panel,.management-panel,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.data-panel{min-width:0;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header h2{margin:0;font-size:16px;font-weight:700}.panel-header span{color:var(--muted);font-size:13px}.panel-actions{display:flex;align-items:center;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.metric-card{padding:18px;display:grid;gap:8px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:28px;color:var(--text)}.readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.source-sync-panel{display:grid;gap:10px;margin-bottom:14px}.subsection-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.subsection-title h3{margin:0;font-size:15px}.subsection-title span{color:var(--muted);font-size:12px}.source-sync-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.source-sync-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.source-sync-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px}.source-sync-head strong{min-width:0;line-height:1.4;word-break:break-word}.source-sync-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0}.source-sync-card dt{color:var(--muted);font-size:12px}.source-sync-card dd{margin:3px 0 0;font-size:13px;line-height:1.4;word-break:break-word}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px}.diagnostic-item{min-width:0;display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.diagnostic-item.wide{grid-column:span 2}.diagnostic-item span{color:var(--muted);font-size:12px}.diagnostic-item strong{min-width:0;font-size:15px;line-height:1.45;word-break:break-word}.readiness-item{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.readiness-item span{min-width:0;font-weight:600}.readiness-item em{grid-column:1 / -1;color:var(--muted);font-size:12px;font-style:normal}.filter-panel{padding:18px 18px 12px}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 16px;align-items:start}.bid-filter-form{grid-template-columns:repeat(4,minmax(178px,1fr)) minmax(150px,auto)}.bid-filter-form .date-filter{order:2}.filter-form .el-form-item{margin-bottom:10px;min-width:0}.filter-form .el-select,.filter-form .el-input,.filter-form .el-date-editor{width:100%}.date-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.date-filter{grid-column:span 2}.date-row .el-date-editor{width:100%}.filter-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-start;padding-left:78px;padding-top:1px}.bid-filter-actions{order:1;grid-column:auto;align-self:start;padding-left:0;padding-top:22px;white-space:nowrap}.log-filter-form{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.log-filter-form .el-form-item{margin-bottom:0}.log-filter-form .filter-actions{grid-column:auto;padding-left:0}.keyword-strip{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px}.table-panel{padding:16px;min-width:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--muted)}.table-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.link-button{border:0;background:transparent;color:#1b6ec2;padding:0;font-size:14px;line-height:1.5;text-align:left;cursor:pointer}.link-button:hover{color:var(--accent)}.snippet{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.bid-detail{display:grid;gap:16px}.bid-detail h2{margin:0;font-size:18px;line-height:1.5}.detail-tags,.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-snippet{margin:0;padding:12px;border-radius:8px;background:#f7fafc;color:var(--muted);line-height:1.6}.keyword-tag{margin:2px 4px 2px 0}.mobile-bid-list{display:none}.mobile-bid-card{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.mobile-bid-card:first-child{border-top:0}.mobile-bid-title{border:0;padding:0;background:transparent;color:#1b6ec2;font-size:15px;font-weight:700;line-height:1.55;text-align:left}.mobile-bid-tags,.mobile-bid-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-bid-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.mobile-bid-meta div{min-width:0}.mobile-bid-meta dt{color:var(--muted);font-size:12px}.mobile-bid-meta dd{margin:3px 0 0;font-size:13px;line-height:1.4;word-break:break-word}.mobile-record-list{display:none}.mobile-record-card{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.mobile-record-card:first-child{border-top:0}.mobile-record-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;word-break:break-word}.mobile-record-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-record-head strong{min-width:0;font-size:15px;line-height:1.45;word-break:break-word}.mobile-record-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.mobile-record-meta.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-record-meta dt{color:var(--muted);font-size:12px}.mobile-record-meta dd{margin:3px 0 0;font-size:13px;line-height:1.4;word-break:break-word}.mobile-record-error{color:#c2410c!important}.mobile-record-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-record-actions .el-button{margin-left:0}.source-interval-input{width:142px}.mobile-record-meta .source-interval-input{max-width:148px;width:100%}.pagination-row{display:flex;justify-content:flex-end;padding-top:14px;overflow-x:auto}.right-rail{display:grid;gap:14px;align-content:start}.rail-panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h2,.management-panel h2{margin:0;font-size:16px;font-weight:700}.health-summary{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;padding:12px;border-radius:8px;background:#f4fbfa;margin-bottom:14px}.health-summary strong{color:var(--accent);font-size:24px}.health-summary span{color:var(--muted);font-size:12px}.source-row,.run-row{border-top:1px solid var(--line);padding:12px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audit-user{display:grid;gap:2px}.audit-user strong{font-weight:600}.audit-user span{color:var(--muted);font-size:12px}.source-row span,.run-row strong{font-size:13px}.run-row{justify-content:flex-start}.run-row div{display:grid;gap:3px}.run-row span,.run-row time{color:var(--muted);font-size:12px}.management-panel{margin:0 18px 18px;padding:18px}.management-panel h2{margin-bottom:14px}.keyword-editor{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:14px}.el-table{--el-table-header-bg-color: #fafafa}.el-table .cell{word-break:break-word}.el-table__body-wrapper,.el-table__header-wrapper{overflow-x:auto}@media(max-width:1500px){.content-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-form{grid-template-columns:repeat(3,minmax(180px,1fr))}.bid-filter-form{grid-template-columns:repeat(4,minmax(178px,1fr)) minmax(150px,auto)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"topbar" "main"}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(82vw,304px);height:100vh;background:var(--surface);color:var(--text);border-right:0;align-items:stretch;flex-direction:column;gap:0;padding:14px;overflow-y:auto;transform:translate(-105%);transition:transform .18s ease;box-shadow:18px 0 34px #0f172a2e}.sidebar-brand{color:var(--sidebar);padding:0 4px 14px;margin-bottom:12px;border-bottom:1px solid var(--line)}.sidebar.open{transform:translate(0)}.nav-list{display:grid;gap:6px}.nav-sections{gap:12px}.nav-section-title{color:#667085}.nav-list button{justify-content:flex-start;height:44px;color:#475467}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0f172a61}.mobile-menu-button{display:inline-flex}.sidebar-user{margin:auto 0 0;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.sidebar-user span{color:var(--muted)}.topbar-brand{display:flex}.main{overflow:visible}.filter-form,.bid-filter-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.bid-filter-actions{grid-column:1 / -1;padding-top:0}.metric-grid,.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){body{overflow-x:hidden}.nav-list button{height:40px;padding:0 12px;font-size:14px}.topbar{min-height:auto;padding:14px;align-items:stretch;gap:12px;flex-direction:column}.topbar-left{width:100%;gap:10px}.topbar-brand span{display:none}.topbar h1{font-size:19px}.top-actions{width:100%;flex-wrap:wrap}.top-actions .el-button{flex:1 1 132px;margin-left:0}.content-grid,.page-view{padding:10px}.filter-form,.date-filter,.diagnostic-item.wide,.keyword-editor,.metric-grid,.right-rail{grid-template-columns:1fr;grid-column:auto}.filter-actions{padding-left:0}.bid-filter-actions,.log-filter-form .filter-actions{grid-column:1}.table-panel,.data-panel,.rail-panel,.filter-panel{padding:12px}.table-panel,.data-panel{overflow-x:hidden}.table-panel .el-table,.data-panel .el-table{min-width:760px}.table-toolbar,.panel-header,.panel-actions{align-items:flex-start;flex-direction:column}.bid-results-panel{overflow-x:visible}.bid-table,.responsive-table{display:none}.mobile-bid-list,.mobile-record-list{display:grid;min-height:120px}.mobile-record-meta,.mobile-record-meta.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.date-row{align-items:stretch;grid-template-columns:1fr}.date-row .el-date-editor{width:100%}.el-pagination{min-width:max-content}.login-panel{padding:20px}.bid-detail-drawer{width:min(100vw,520px)!important}}@media(max-width:420px){.top-actions{flex-wrap:nowrap;gap:8px}.top-actions .el-button{flex:1 1 0;justify-content:center;padding-left:10px;padding-right:10px}.top-action-label{display:none}.pagination-row{justify-content:center;overflow-x:visible}.pagination-row .el-pagination{min-width:0;justify-content:center}.pagination-row .el-pagination__sizes,.pagination-row .el-pagination__total{display:none}}