:root{font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#1e2421;background:#eef1ef;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--ink: #1e2421;--muted: #68716c;--line: #d8dedb;--surface: #ffffff;--soft: #f5f7f6;--accent: #167a58;--accent-hover: #116346;--sidebar: #202724;--warning: #9b6114;--danger: #b23a3a}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1000px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,122,88,.22);outline-offset:1px}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;display:flex;flex-direction:column;padding:18px 12px;color:#eef4f1;background:var(--sidebar);z-index:10}.sidebar-brand{height:54px;display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:18px}.sidebar-brand div:last-child{display:grid;gap:2px}.sidebar-brand strong{font-size:15px}.sidebar-brand span{color:#9caaa3;font-size:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:8px}.brand-mark.small{width:36px;height:36px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{width:100%;height:40px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:5px;color:#b9c3be;background:transparent;text-align:left}.sidebar nav button:hover{color:#fff;background:#2a332f}.sidebar nav button.active{color:#fff;background:#34423c;box-shadow:inset 3px 0 var(--accent)}.sidebar-foot{margin-top:auto;padding:12px 10px;border-top:1px solid #35403b;display:grid;gap:5px}.sidebar-foot span{color:#8e9b95;font-size:11px}.sidebar-foot strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.sidebar-foot i{width:7px;height:7px;border-radius:50%;background:#d89734}.workspace{grid-column:2;min-width:0}.topbar{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:20px;font-weight:650}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.admin-menu{display:flex;align-items:center;gap:9px}.admin-menu>div:nth-child(2){min-width:90px;display:grid;gap:2px}.admin-menu strong{font-size:13px}.admin-menu span{color:var(--muted);font-size:11px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#315b49;background:#dceae3}.page-content{padding:24px 28px 42px}.page-stack{display:grid;gap:18px}.toolbar,.filter-bar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar>span{color:var(--muted);font-size:13px}.filter-bar{justify-content:flex-start;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.filter-bar select{width:160px}.search-field{width:min(440px,50vw);height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--soft);border:1px solid var(--line);border-radius:5px}.search-field input{width:100%;border:0;outline:0;background:transparent}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:5px;font-weight:600;font-size:13px}.button.primary{color:#fff;background:var(--accent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{color:var(--ink);background:#fff;border-color:#cdd4d0}.button.secondary:hover{background:var(--soft)}.button.ghost{color:var(--accent);background:transparent}.button.danger,.button.danger-ghost{color:#fff;background:var(--danger)}.button.danger-ghost{color:var(--danger);background:transparent}.button.full{width:100%}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;color:#58615c;background:transparent}.icon-button:hover{border-color:var(--line);background:var(--soft)}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:6px}.metric{min-height:112px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.metric strong{font-size:28px;font-variant-numeric:tabular-nums}.metric small{margin-left:5px;color:var(--muted);font-size:12px;font-weight:500}.section-block{background:var(--surface);border:1px solid var(--line);border-radius:6px}.section-heading{min-height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-heading h2,.provider-header h2{margin:0;font-size:15px}.section-heading p,.provider-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:6px}.section-block .health-grid{border:0}.health-grid>div{min-height:88px;padding:17px 18px;display:grid;align-content:center;gap:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.health-grid>div:nth-child(3n){border-right:0}.health-grid>div:nth-last-child(-n+3){border-bottom:0}.health-grid span{color:var(--muted);font-size:12px}.health-grid strong{font-size:19px;font-variant-numeric:tabular-nums}.notice-band{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid #e6cf9d;border-radius:6px;color:#674317;background:#fff9ec}.notice-band strong{font-size:13px}.notice-band p{margin:3px 0 0;font-size:12px;line-height:1.5}.table-wrap{width:100%;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:6px}.table-wrap.flush{border:0;border-radius:0 0 6px 6px}table{width:100%;border-collapse:collapse;table-layout:auto}th{height:40px;padding:0 14px;color:#68716c;background:#f4f6f5;border-bottom:1px solid var(--line);font-size:11px;font-weight:650;text-align:left;white-space:nowrap}td{min-height:52px;padding:12px 14px;border-bottom:1px solid #e6eae8;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}td strong,td small{display:block}td small{max-width:320px;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:Cascadia Mono,Consolas,monospace;font-size:11px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap}.status{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:4px;font-size:11px;font-weight:650;color:#52605a;background:#edf0ee}.status-active,.status-succeeded,.status-healthy{color:#0c6648;background:#e1f2ea}.status-pending_delivery,.status-submitting,.status-running{color:#6d5318;background:#fff0c8}.status-failed,.status-revoked{color:#922d2d;background:#f9dddd}.status-suspended,.status-unknown,.status-partial{color:#81510d;background:#f9e8cb}.state,.empty{min-height:260px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:13px}.state-error{color:#7b3030}.empty{flex-direction:column}.empty strong{color:#48514c}.inline-error{padding:9px 11px;color:#8e2929;background:#fff0f0;border:1px solid #efc9c9;border-radius:5px;font-size:12px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#181e1b8c}.modal{width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:7px;box-shadow:0 18px 60px #00000038}.modal>header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:16px}.modal-body{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:1 / -1}label{display:grid;gap:7px;color:#4b544f;font-size:12px;font-weight:600}input,select,textarea{width:100%;min-height:38px;padding:8px 10px;color:var(--ink);background:#fff;border:1px solid #cbd3cf;border-radius:5px}textarea{resize:vertical;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.delivery-panel{max-width:440px;margin:auto;display:grid;gap:14px;text-align:center}.delivery-panel h3{margin:0;font-size:17px}.delivery-panel>p{margin:-5px 0 4px;color:var(--muted);font-size:12px;line-height:1.6}.success-mark{width:48px;height:48px;display:grid;place-items:center;justify-self:center;color:var(--accent);background:#e3f3ec;border-radius:50%}.check-row{display:flex;align-items:center;gap:8px;text-align:left}.check-row input{width:16px;min-height:16px}.drawer{position:fixed;z-index:30;top:0;right:0;bottom:0;width:min(560px,48vw);background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 35px #1219151f}.drawer>header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.drawer h2{max-width:440px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.eyebrow{color:var(--accent);font-size:10px;font-weight:750}.drawer-body{height:calc(100vh - 78px);overflow:auto;padding:20px;display:grid;align-content:start;gap:20px}.drawer-body h3{margin:0;font-size:14px}.balance-row,.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:6px}.balance-row>div,.detail-grid>div{min-height:72px;padding:12px;display:grid;align-content:center;gap:6px;border-right:1px solid var(--line)}.detail-grid>div{border-bottom:1px solid var(--line)}.balance-row>div:last-child,.detail-grid>div:nth-child(3n){border-right:0}.detail-grid>div:nth-last-child(-n+3){border-bottom:0}.balance-row span,.detail-grid span{color:var(--muted);font-size:11px}.balance-row strong{font-size:21px}.detail-grid strong{font-size:12px}.adjust-form{display:grid;gap:11px;padding:15px;background:var(--soft);border:1px solid var(--line);border-radius:6px}.adjust-form p{margin:-4px 0 0;color:var(--muted);font-size:11px}.field-row{display:grid;grid-template-columns:130px 1fr;gap:10px}.timeline-list{border-top:1px solid var(--line)}.timeline-list>div{min-height:54px;display:grid;grid-template-columns:55px 1fr 50px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.timeline-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.timeline-list b{text-align:right;font-size:12px}.amount{font-family:Consolas,monospace;font-weight:700}.amount.positive{color:var(--accent)}.amount.negative{color:var(--danger)}.stage-list{display:grid}.stage-list>div{min-height:58px;display:flex;gap:12px;position:relative}.stage-list>div:not(:last-child):after{content:"";position:absolute;left:13px;top:27px;bottom:0;width:1px;background:var(--line)}.stage-list i{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:11px;font-style:normal}.stage-list span{display:grid;align-content:start;gap:4px;padding-top:3px}.stage-list strong{font-size:12px}.stage-list small{color:var(--muted);font-size:10px}.provider-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:6px}.provider-header>div{display:flex;align-items:center;gap:12px}.provider-icon{width:42px;height:42px;display:grid;place-items:center;color:#8b5d1c;background:#fff0d5;border-radius:6px}.provider-health{justify-content:flex-end}.provider-health>span:not(.status){color:var(--muted);font-size:11px}.severity{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:4px;font-size:10px;font-weight:700}.severity-critical{color:#9d251d;background:#fee8e5}.severity-warning{color:#7b5618;background:#fff1d4}.severity-info{color:#356270;background:#e5f2f5}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:#e9eeeb}.login-panel{width:390px;padding:34px;background:#fff;border:1px solid #d6ddd9;border-radius:8px;box-shadow:0 18px 45px #23312a1a}.login-panel .brand-mark{margin-bottom:24px}.login-panel h1{margin:6px 0;font-size:23px}.login-panel .muted{margin:0 0 25px;color:var(--muted);font-size:13px}.login-panel form{display:grid;gap:15px}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;color:var(--muted);font-size:10px}@media(max-width:1180px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.drawer{width:560px;max-width:55vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}