:root{--bg: #eef1f3;--surface: #ffffff;--surface-soft: #f7f9fa;--surface-2: #edf1f3;--text: #171a1f;--muted: #68717c;--line: #d8e0e6;--line-strong: #bfcbd5;--sidebar: #202428;--sidebar-2: #2a3035;--teal: #118c8b;--teal-soft: #dff4f2;--amber: #c88414;--amber-soft: #fff0d4;--red: #c94349;--red-soft: #ffe3e5;--green: #20875a;--green-soft: #ddf4e9;--indigo: #5062ad;--indigo-soft: #e8ebfb;--shadow: 0 14px 34px rgba(26, 31, 38, .08);--shadow-soft: 0 8px 20px rgba(26, 31, 38, .05);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg);color:var(--text);letter-spacing:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{letter-spacing:0}.app-shell{min-height:100vh;background:var(--bg)}.side{position:sticky;top:0;height:100vh;padding:18px 12px;overflow-y:auto;background:var(--sidebar)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:12px 0 28px #1b1f2314}.brand{min-height:56px;padding:4px 12px 18px;display:flex;align-items:center;gap:12px;color:#fff}.brand .ant-typography{color:#fff}.brand span{display:block;color:#b9c1ca;font-size:12px;margin-top:3px}.brand-mark{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;background:#f2cb4f;color:var(--text);font-weight:900;box-shadow:inset 0 -1px #0000001f}.side .ant-menu{background:transparent;border-inline-end:0!important}.side .ant-menu-item{height:42px;margin:4px 0;border-radius:var(--radius);color:#c7ced7}.side .ant-menu-item .ant-menu-item-icon{font-size:16px}.side .ant-menu-item-selected{color:#fff!important;background:#118c8b47!important;box-shadow:inset 3px 0 0 var(--teal)}.side .ant-menu-item:hover{color:#fff!important;background:#ffffff14!important}.side-foot{position:absolute;left:18px;right:18px;bottom:18px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#fff;background:var(--sidebar-2)}.side-foot span{display:block;color:#b8c0ca;font-size:12px}.side-foot strong{display:block;font-size:24px;line-height:1;margin:8px 0 10px}.side-foot i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#31b59e 0,#31b59e 98%,#fff3 98%)}.content{min-width:0;padding:22px 24px 28px}.topbar{min-height:52px;margin:-2px 0 18px;padding:8px 12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd6;box-shadow:var(--shadow-soft)}.topbar>div{display:flex;align-items:center;gap:8px}.content-main{min-width:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#eef1f3eb,#eef1f3),var(--bg)}.login-panel{position:relative;width:min(100%,440px);padding:28px;display:grid;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 58px #19202624;overflow:hidden}.login-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),#f2cb4f,var(--indigo))}.login-brand{padding:0;color:var(--text)}.login-brand .ant-typography{color:var(--text)}.login-brand span{color:var(--muted)}.login-panel h2{margin:16px 0 2px;font-size:32px;font-weight:850}.page-stack,.page-shell{display:grid;gap:18px}.page-head,.page-shell-head{min-height:88px;padding:18px;display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.page-shell-tools,.filter-bar{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.filter-bar .ant-space{justify-content:flex-end}.filter-tags{flex-basis:100%;display:flex;justify-content:flex-end;gap:8px;color:var(--muted);font-size:12px}.title-block{min-width:0;display:grid;gap:5px}.title-block h2{margin:0;font-size:28px;line-height:1.15;font-weight:850}.title-block .ant-typography-secondary{color:var(--muted)}.eyebrow{color:var(--teal);font-size:12px;font-weight:700}.page-actions{justify-content:flex-end;max-width:100%}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px;align-items:start}.work-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:18px;align-items:start}.dashboard-grid>*,.work-grid>*,.page-stack>*,.content-main{min-width:0}.span-2{grid-column:span 1}.metric-card,.panel,.profile-panel,.command{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.metric-card{position:relative;min-height:122px;padding:18px;display:grid;align-content:space-between;gap:10px;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.metric-card span{color:var(--muted);font-size:13px;font-weight:600}.metric-card strong{color:var(--text);font-size:28px;line-height:1.1}.metric-card small{color:var(--muted)}.metric-card.good:before{background:var(--green)}.metric-card.warn:before{background:var(--amber)}.metric-card.danger:before{background:var(--red)}.command{min-height:110px;padding:16px;display:grid;gap:8px;align-content:center}.command span,.command small{color:var(--muted)}.command span{font-weight:600}.command strong{color:var(--text);font-size:28px;line-height:1.1}.command.danger{border-color:#f1b8bd;background:#fff7f7}.panel{min-width:0;padding:18px}.side-panel{position:sticky;top:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-head h4,.panel h4{margin:0;font-size:18px;font-weight:780}.guide-panel{padding-bottom:26px}.guide-timeline{margin-top:22px;padding-left:2px}.guide-timeline .ant-timeline-item{padding-bottom:28px}.guide-timeline .ant-timeline-item:last-child{padding-bottom:0}.guide-timeline .ant-timeline-item-content{min-height:28px;line-height:1.6}.money.good{color:var(--green);font-weight:750}.money.bad{color:var(--red);font-weight:750}.w150{width:150px}.w160{width:160px}.w180{width:180px}.w220{width:220px}.w240{width:240px}.w260{width:260px}.w300{width:300px}.wFull{width:100%}.mb16{margin-bottom:16px}.table-scroll-shell,.smart-table-shell{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel .table-scroll-shell,.panel .smart-table-shell{border-color:var(--line)}.table-scroll-shell::-webkit-scrollbar,.smart-table-shell::-webkit-scrollbar,.ant-table-wrapper .ant-table-content::-webkit-scrollbar{height:8px}.table-scroll-shell::-webkit-scrollbar-track,.smart-table-shell::-webkit-scrollbar-track,.ant-table-wrapper .ant-table-content::-webkit-scrollbar-track{background:#eef2f3;border-radius:999px}.table-scroll-shell::-webkit-scrollbar-thumb,.smart-table-shell::-webkit-scrollbar-thumb,.ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb{background:#9da8b2;border-radius:999px}.table-scroll-shell>.ant-table-wrapper,.smart-table-shell>.ant-table-wrapper{width:100%;min-width:0;border:0}.ant-table-wrapper{max-width:100%;overflow:hidden}.ant-table-wrapper .ant-table-container,.ant-table-wrapper .ant-table-content{max-width:100%;overflow-x:auto;overflow-y:hidden}.data-table .ant-table,.smart-table .ant-table{min-width:100%}.data-table .ant-table-thead>tr>th,.data-table .ant-table-tbody>tr>td,.smart-table .ant-table-thead>tr>th,.smart-table .ant-table-tbody>tr>td{white-space:nowrap}.data-table .ant-table-thead>tr>th,.smart-table .ant-table-thead>tr>th{padding:14px 16px!important;background:#eef2f4!important;color:#343b45!important;font-weight:760!important;border-bottom:1px solid var(--line)!important}.data-table .ant-table-tbody>tr>td,.smart-table .ant-table-tbody>tr>td{padding:14px 16px!important;border-bottom:1px solid #edf0f2!important}.data-table .ant-table-tbody>tr:hover>td,.smart-table .ant-table-tbody>tr:hover>td{background:#f6fbfa!important}.data-table .ant-table-cell-fix-right,.smart-table .ant-table-cell-fix-right{background:var(--surface)!important;box-shadow:-8px 0 18px #1a1f260f}.data-table .row-active .ant-table-cell-fix-right,.smart-table .row-active .ant-table-cell-fix-right,.row-active td{background:var(--teal-soft)!important}.ant-table{color:var(--text)}.ant-table-cell small{display:block;color:var(--muted);margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-table-pagination{margin:14px 0 0!important}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.profile-panel{padding:16px;display:grid;gap:12px}.profile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-panel strong,.profile-panel small{display:block}.profile-panel small,.profile-panel p{color:var(--muted)}.detail-stack{display:grid;gap:14px}.detail-hero{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.detail-hero strong{font-size:20px}.detail-hero span{color:var(--muted)}.action-strip{padding:12px 0 2px;border-top:1px solid var(--line)}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-metrics div,.license-grid article{min-height:74px;padding:12px;display:grid;gap:4px;align-content:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.mini-metrics span,.license-grid span,.license-grid small{color:var(--muted);font-size:12px}.mini-metrics strong,.license-grid strong{font-size:18px}.license-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ops-panel{overflow:hidden}.ops-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ops-status-strip article{min-height:74px;padding:12px;display:grid;gap:5px;align-content:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,var(--surface-soft))}.ops-status-strip strong,.ops-status-strip span{display:block}.ops-status-strip span{color:var(--muted);font-size:12px}.status-badge{width:fit-content;margin-inline-end:0;border-radius:999px;font-weight:750}.status-dot{display:inline-flex;align-items:center;gap:6px}.status-dot i{width:6px;height:6px;display:inline-block;border-radius:999px;background:currentColor}.row-actions{white-space:nowrap}.row-actions .ant-btn{font-weight:650}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-grid .ant-form-item{margin-bottom:18px}.settings-save{display:flex;justify-content:flex-end}.endpoint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.endpoint-grid section{min-height:64px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.cloud-param-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.breaker-actions{display:flex;gap:10px;flex-wrap:wrap}.check-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.ant-btn,.ant-input,.ant-select-selector,.ant-input-number,.ant-picker,.ant-segmented,.ant-input-affix-wrapper{border-radius:var(--radius)!important}.ant-btn-primary{background:var(--teal)!important;border-color:var(--teal)!important;box-shadow:0 8px 16px #118c8b2e}.ant-btn-primary:hover{background:#0f7c7b!important;border-color:#0f7c7b!important}.ant-btn-dangerous.ant-btn-primary{background:var(--red)!important;border-color:var(--red)!important;box-shadow:0 8px 16px #c9434929}.ant-btn-dangerous:not(.ant-btn-primary){box-shadow:none}.ant-tag{border-radius:6px;font-weight:600}.ant-drawer-content,.ant-modal-content{border-radius:var(--radius)!important}.ant-drawer-header,.ant-modal-header{border-bottom:1px solid var(--line)!important}.ant-form-item-label>label{color:#2f3740;font-weight:650}.ant-input,.ant-input-number,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-color:var(--line-strong)!important}.ant-input:focus,.ant-input-focused,.ant-input-number-focused,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--teal)!important;box-shadow:0 0 0 3px #118c8b1f!important}@media(max-width:1320px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.command-grid,.license-grid,.settings-grid,.cloud-param-grid,.ops-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.work-grid{grid-template-columns:1fr}.side-panel{position:static}}@media(max-width:900px){.page-head,.page-shell-head{grid-template-columns:1fr}.page-shell-tools,.filter-bar,.filter-bar .ant-space,.filter-tags,.page-actions{justify-content:flex-start}.metric-grid,.command-grid,.license-grid,.settings-grid,.cloud-param-grid,.ops-status-strip,.mini-metrics{grid-template-columns:1fr}.w150,.w160,.w180,.w220,.w240,.w260,.w300{width:min(100%,360px)}}@media(max-width:760px){.side{display:none}.content{padding:14px}.topbar{justify-content:space-between}}