:root{color:#17211f;background:#f4f6f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.screen-center,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel,.panel{background:#fff;border:1px solid #d7dfdc;border-radius:8px;box-shadow:0 8px 28px #222f2b14}.auth-panel{width:min(420px,100%);padding:28px;display:grid;gap:18px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row svg{color:#0f766e}h1,h2,h3,p{margin:0}h1{font-size:22px;line-height:1.25}.compact h1{font-size:18px}.brand-row p,.site-meta,.metric span,.panel-title,.group-description-cell,.drawer-section p,.platform{color:#5f6f6a}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select{width:100%;min-height:40px;border:1px solid #c7d1ce;border-radius:6px;padding:8px 10px;color:#17211f;background:#fff}input:focus,select:focus{border-color:#0f766e;outline:3px solid rgba(15,118,110,.14)}.primary,.secondary,.ghost,.icon-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid transparent;padding:8px 12px}.primary{color:#fff;background:#0f766e}.secondary{color:#0f3f3b;background:#dff3ef;border-color:#b7ddd6}.ghost{color:#263632;background:#fff;border-color:#cfd8d5}.icon-button{width:38px;padding:0;color:#263632;background:#fff;border-color:#cfd8d5}.danger,.danger-text{color:#b42318}.danger-text{border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;padding:0}.danger-button{color:#fff;background:#b42318;border-color:#b42318}.app-shell{min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.topbar-actions,.button-row,.row-actions,.badge-row,.dashboard-actions{display:flex;align-items:center;gap:8px}.toast-region{position:fixed;top:18px;left:50%;z-index:80;width:min(520px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.toast{padding:10px 12px;border:1px solid #b7ddd6;border-radius:6px;box-shadow:0 10px 28px #222f2b29;color:#0f3f3b;background:#e9f7f4;font-size:14px;font-weight:600}.toast.error{border-color:#f3b8b2;color:#a51d12;background:#fff0ee}.content{display:grid;gap:16px}.dashboard-actions{justify-content:space-between;padding:12px 4px 0}.dashboard-actions h2{font-size:18px;line-height:1.25}.dashboard-actions p{margin-top:4px;color:#5f6f6a;font-size:14px}.settings-layout{width:min(520px,100%);margin:0 auto;display:grid;gap:16px}.consumption-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.consumption-metric{display:grid;gap:6px;padding:16px;border:1px solid #d7dfdc;border-radius:8px;background:#fff;box-shadow:0 8px 28px #222f2b14}.consumption-metric span{color:#5f6f6a;font-size:13px;font-weight:700}.consumption-metric strong{font-size:24px;line-height:1.2}.panel{padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title h2{color:#17211f;font-size:16px}.compact-button{min-height:32px;padding:5px 10px;font-size:13px}.form-grid{display:grid;gap:12px}.secret-field{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}.checkbox-field{display:flex;align-items:center;gap:10px}.checkbox-field input{width:18px;min-height:18px;padding:0}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-checkbox{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid #d7dfdc;border-radius:6px;padding:8px 10px;background:#fbfcfc;font-size:13px;font-weight:600}.compact-checkbox input{width:16px;min-height:16px;padding:0}.site-table{display:grid;gap:10px}.site-item{display:grid}.site-row{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(84px,.35fr)) 128px;gap:12px;align-items:center;padding:12px;border:1px solid #d7dfdc;border-radius:8px;background:#fbfcfc}.site-row.selected{border-color:#0f766e;box-shadow:inset 1px 0 #0f766e;border-bottom-right-radius:0;border-bottom-left-radius:0}.site-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;font-size:13px}.sync-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:#b42318;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.inline-action{min-height:28px;padding:4px 8px;color:#8a1f11;background:#fff4f2;border-color:#f0b8ae;font-size:12px}.badge{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:2px 8px;font-size:12px;color:#22423d;background:#e2e9e7}.badge.success{color:#0f5132;background:#d8f5e6}.badge.danger{color:#9f1f14;background:#ffe0dc}.metric{display:grid;gap:3px;min-width:0}.metric strong{overflow-wrap:anywhere}.metric.success strong{color:#0f766e}.metric.failed strong{color:#b42318}.metric.skipped strong{color:#946200}.inline-group-detail{display:grid;gap:12px;padding:14px;border:1px solid #0f766e;border-top:0;border-radius:0 0 8px 8px;background:#f4f5f7}.inline-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-group-head h3{font-size:15px}.inline-group-head p{margin-top:3px;color:#5f6f6a;font-size:13px}.group-sections{display:grid;gap:14px}.group-toolbar{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) minmax(160px,.7fr);gap:12px;margin-bottom:14px}.group-section{border:1px solid #d7dfdc;border-radius:8px;overflow:hidden;background:#fbfcfc}.group-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e1e8e6;background:#f7faf9}.group-section-head>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.group-section-head .platform{font-size:13px;text-transform:uppercase;color:#275b01}.group-section-head .group-count{font-size:12px}.group-table{display:grid;overflow-x:auto}.group-table-row{min-width:920px;display:grid;grid-template-columns:92px 96px minmax(180px,1.2fr) minmax(240px,1.8fr) 138px 52px;gap:14px;align-items:center;width:100%;border:0;border-bottom:1px solid #e1e8e6;padding:11px 14px;color:#17211f;text-align:left;background:#fff}.global-group-table-row{min-width:1180px;grid-template-columns:86px 96px 118px minmax(160px,1fr) minmax(220px,1.3fr) minmax(220px,1.4fr) 116px 48px}.group-table-row:last-child{border-bottom:0}button.group-table-row:hover,button.group-table-row:focus-visible{background:#f1f8f6}.group-table-row.deleted{background:#fff8f7}.consumption-table{display:grid;overflow-x:auto}.consumption-table-row{min-width:780px;display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(110px,.7fr));gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf1ef}.consumption-table-row:last-child{border-bottom:0}.consumption-table-head{color:#5f6f6a;background:#f8faf9;font-size:13px;font-weight:700}.consumption-site-cell{display:grid;gap:4px;min-width:0}.consumption-site-cell strong,.consumption-site-cell span{overflow-wrap:anywhere}.consumption-site-cell span{color:#5f6f6a;font-size:13px}.consumption-value-cell{display:grid;gap:4px;min-width:0}.consumption-value-cell strong{overflow-wrap:anywhere}.consumption-cell-label{display:none;color:#5f6f6a;font-size:12px;font-weight:700;line-height:1.2;text-transform:none}.group-table-head{min-height:36px;padding-top:8px;padding-bottom:8px;color:#5f6f6a;font-size:12px;font-weight:700;text-transform:uppercase;background:#fbfcfc}.group-name-cell,.group-platform-cell,.group-site-cell,.group-description-cell,.group-multiplier-cell,.group-status-cell,.group-trend-cell,.group-detail-cell{min-width:0}.group-name-cell strong,.group-platform-cell,.group-description-cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-site-cell{display:grid;gap:2px;overflow:hidden}.group-site-cell strong,.group-site-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-site-cell small{color:#5f6f6a;font-size:12px;font-weight:700}.group-multiplier-cell{font-weight:800}.group-status-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.group-detail-cell{display:flex;justify-content:center;color:#5f6f6a}.trend-summary{display:inline-flex;align-items:center;gap:5px;color:#4f625d;font-size:13px;font-weight:700}.trend-summary.up{color:#0f766e}.trend-summary.down{color:#b42318}.trend-summary.muted{color:#798782}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10181547}.drawer-content{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;overflow:auto;background:#fff;border-left:1px solid #d7dfdc;box-shadow:-18px 0 50px #14201d2e;padding:18px}.drawer-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.drawer-title-row h2{font-size:20px;line-height:1.3}.drawer-title-row .icon-button{flex:0 0 auto;font-size:22px;line-height:1}.drawer-subtitle,.drawer-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawer-subtitle{margin-top:6px;color:#5f6f6a;font-size:13px}.drawer-badges{margin-bottom:18px}.drawer-section{display:grid;gap:8px;padding:16px 0;border-top:1px solid #e1e8e6}.drawer-section h3{font-size:14px}.drawer-section p{line-height:1.6;overflow-wrap:anywhere}.drawer-chart-box{height:276px;border:1px solid #e0e7e4;border-radius:6px;background:#fff;padding:8px}.detail-list{gap:10px}.detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-list span{color:#5f6f6a}.detail-list strong{text-align:right}.drawer-action{margin-top:8px}.sparse-history{height:100%;display:grid;place-items:center;color:#6a7a75;font-size:13px}.empty{padding:24px;color:#6a7a75;text-align:center;border:1px dashed #c7d1ce;border-radius:8px;display:grid;justify-items:center;gap:12px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018157a}.dialog-content{position:fixed;top:50%;left:50%;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;transform:translate(-50%,-50%);background:#fff;border:1px solid #d7dfdc;border-radius:8px;box-shadow:0 18px 60px #14201d38;padding:18px}.compact-dialog{width:min(440px,calc(100vw - 32px))}.dialog-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-title-row h2{font-size:18px}.dialog-title-row .icon-button{font-size:22px;line-height:1}.confirm-body{display:grid;gap:8px;margin-bottom:18px;color:#4d5f5a;line-height:1.6}.confirm-body strong{color:#17211f;overflow-wrap:anywhere}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:980px){.site-row{grid-template-columns:1fr 1fr}.site-main,.row-actions{grid-column:1 / -1}.group-table-row{min-width:760px;grid-template-columns:82px 88px minmax(160px,1.2fr) minmax(200px,1.6fr) 120px 44px}.global-group-table-row{min-width:980px;grid-template-columns:82px 88px 110px minmax(150px,1fr) minmax(200px,1.3fr) minmax(190px,1.3fr) 108px 44px}}@media(max-width:560px){.app-shell{padding:12px}.topbar,.site-row{align-items:stretch;flex-direction:column}.topbar{display:grid}.topbar-actions,.dashboard-actions{align-items:stretch;flex-direction:column}.site-row,.checkbox-grid,.group-toolbar,.consumption-summary-grid{grid-template-columns:1fr}.consumption-table-head{display:none}.consumption-table-row{min-width:0;grid-template-columns:1fr 1fr}.consumption-site-cell{grid-column:1 / -1}.consumption-value-cell{gap:2px}.consumption-cell-label{display:block}.group-section-head{align-items:stretch}.group-table-head{display:none}.group-table-row{min-width:0;grid-template-columns:1fr auto;gap:8px 12px}.group-name-cell,.group-platform-cell,.group-site-cell,.group-description-cell,.group-trend-cell{grid-column:1 / -1}.group-multiplier-cell{grid-column:1;grid-row:2}.group-status-cell{grid-column:2;grid-row:2;justify-content:flex-start}.group-detail-cell{grid-column:2;grid-row:1;align-self:center}.drawer-content{width:100vw}}