:root{--cfg-blue:#1668ff;--cfg-navy:#0b1b56;--cfg-green:#13ad75;--cfg-red:#f04d59;--cfg-bg:#f6f9fe;--cfg-border:#e3eaf5;--cfg-muted:#7182a3;--cfg-shadow:0 8px 24px rgba(30,53,99,.06)}
.customer-mode.cfg-page main{max-width:1700px;padding:14px 22px 32px}.customer-mode.cfg-page .customer-heading{display:none}.cfg-root{display:grid;gap:12px}
.cfg-hero{display:grid;grid-template-columns:minmax(420px,1.35fr) 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--cfg-border);border-radius:15px;box-shadow:var(--cfg-shadow);padding:15px 18px}.cfg-hero-site{display:flex;align-items:center;gap:16px}.cfg-site-mark{width:158px;height:88px;border-radius:10px;background:linear-gradient(135deg,#eff5ff,#d9e8ff);color:var(--cfg-blue);display:grid;place-items:center;font-size:31px;font-weight:900;border:1px solid #dce6f4}.cfg-kicker{display:inline-flex;padding:5px 10px;background:#eef4ff;color:#526990;border-radius:999px;font-size:14px;font-weight:850;letter-spacing:.04em}.cfg-hero h1{font-size:25px;color:var(--cfg-navy);margin:8px 0 7px;letter-spacing:-.035em}.cfg-hero p{margin:0;color:#637697;font-size:14px}.cfg-hero-status{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cfg-hero-pill{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0}.cfg-hero-pill i{grid-row:1/3;width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-size:25px;font-style:normal}.cfg-hero-pill.ok i{background:#e7faf3;color:var(--cfg-green)}.cfg-hero-pill.warn i{background:#fff4e8;color:#e69525}.cfg-hero-pill strong{font-size:15px;color:var(--cfg-navy);white-space:nowrap}.cfg-hero-pill small{font-size:14px;color:#7484a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--cfg-border);border-radius:13px;padding:0 10px;box-shadow:var(--cfg-shadow)}.cfg-tabs button{height:49px;border:0;border-bottom:3px solid transparent;background:transparent;color:#294475;font-weight:750;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.cfg-tabs button b{font-size:20px;color:#0d2860}.cfg-tabs button.active{color:#0b5ef0;border-bottom-color:#1768ff}.cfg-tabs button.active b{color:#1768ff}
.cfg-grid{display:grid;gap:12px}.cfg-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-stack{display:grid;gap:12px}.cfg-card{background:#fff;border:1px solid var(--cfg-border);border-radius:13px;box-shadow:var(--cfg-shadow);padding:13px 14px;min-height:175px;display:flex;flex-direction:column}.cfg-card-head{padding-bottom:9px;border-bottom:1px solid #edf2f8;margin-bottom:7px}.cfg-card h3{margin:0 0 3px;color:var(--cfg-navy);font-size:17px}.cfg-card p{margin:0;color:#6f81a3;font-size:14px}.cfg-row{min-height:32px;border-bottom:1px solid #edf2f8;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;color:#536889;font-size:14px}.cfg-row strong{color:#183564;font-size:14px;text-align:right}.cfg-note{margin:10px 0 0;background:#f3f7fd;border:1px solid #dfe8f5;border-radius:8px;padding:10px;color:#65789a;font-size:14px;line-height:1.45}.cfg-btn{height:37px;border-radius:8px;border:1px solid #d8e3f3;background:#fff;color:#1258d8;font-weight:800;font-size:14px;padding:0 13px;cursor:pointer;margin-top:10px}.cfg-btn.primary{background:linear-gradient(90deg,#147bff,#1453f5);color:#fff;border:0}.cfg-btn.soft{background:#f1f6ff}.cfg-btn.disabled{background:#f4f5f7;color:#99a5b8}.cfg-btn:disabled{cursor:not-allowed;opacity:.7}.cfg-select{height:38px;border:1px solid #d7e1ef;border-radius:8px;padding:0 10px;color:#173363;background:#fff;margin:4px 0 10px}.cfg-label{color:#29446f;font-size:14px;font-weight:800;margin-top:3px}.cfg-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.cfg-chips span{padding:6px 9px;border-radius:999px;background:#edf4ff;color:#2d4e80;font-size:14px;font-weight:700}.cfg-table{display:grid;gap:1px}.cfg-tr{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 8px;border-bottom:1px solid #edf2f8;font-size:14px;color:#3c527b}.cfg-tr.head{background:#f7f9fd;border-radius:7px;font-weight:850;color:#31476f;grid-template-columns:1fr}.cfg-empty{padding:22px;text-align:center;color:#8794aa}.cfg-loading{height:160px;background:linear-gradient(90deg,#f4f7fb,#e9eff7,#f4f7fb);background-size:220% 100%;animation:cfgload 1.2s infinite;border-radius:14px}@keyframes cfgload{to{background-position:-220% 0}}
@media(max-width:1250px){.cfg-hero{grid-template-columns:1fr}.cfg-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.customer-mode.cfg-page main{padding:12px}.cfg-hero-status{grid-template-columns:1fr 1fr}.cfg-tabs{display:flex;overflow:auto}.cfg-tabs button{min-width:130px}.cfg-grid.three,.cfg-grid.two{grid-template-columns:1fr}}
@media(max-width:620px){.cfg-hero-site{align-items:flex-start}.cfg-site-mark{width:84px;height:68px;font-size:22px}.cfg-hero h1{font-size:19px}.cfg-hero-status{grid-template-columns:1fr}.cfg-tabs button{min-width:115px}.cfg-card{min-height:0}}
.cfg-root,.cfg-grid,.cfg-stack{gap:18px}.cfg-card{padding:22px;min-height:210px}.cfg-card h3{font-size:19px}.cfg-row{min-height:44px;font-size:15px}.cfg-row strong{font-size:15px}.cfg-btn{height:42px;font-size:14px}.cfg-select{height:44px;font-size:15px}.cfg-tabs button{height:56px;font-size:15px}.cfg-hero{padding:22px}.cfg-hero h1{font-size:29px}.cfg-label{font-size:14px}.cfg-tr{font-size:15px;padding:14px 10px}@media(max-width:620px){.cfg-card{padding:18px}.cfg-row{grid-template-columns:1fr;gap:6px;padding:10px 0}.cfg-row strong{text-align:left}.cfg-hero h1{font-size:24px}}