:root{--bg: #eef2f7;--bg-deep: #dde5ef;--sidebar: #172033;--sidebar-2: #22304a;--panel: #ffffff;--panel-soft: #f8fafc;--line: #d8e0ea;--line-strong: #c5cfdd;--text: #172033;--muted: #667085;--muted-2: #98a2b3;--blue: #2563eb;--blue-soft: #eaf1ff;--green: #0f9f6e;--green-soft: #e7f8f1;--amber: #c97a11;--amber-soft: #fff3df;--red: #c94343;--red-soft: #fff0f0;--slate: #475467;--slate-soft: #eef2f6;--shadow: 0 18px 44px rgba(18, 32, 54, .08);--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:IBM Plex Sans,Aptos,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(120deg,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 88% 8%,rgba(15,159,110,.12),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-deep))}button,input,table,select{font:inherit}button{border:0}input{width:min(360px,100%);border-radius:12px;border:1px solid var(--line-strong);background:#fff;color:var(--text);padding:11px 14px;outline:none}input:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb1f}.app-shell{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(920px,100%);display:grid;gap:18px;padding:28px;border-radius:28px;background:#fffffff0;border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{margin:10px 0 0;font-size:clamp(34px,4vw,54px);letter-spacing:-.06em}.login-card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.login-form,.role-primer{display:grid;gap:12px}.sidebar{position:sticky;top:0;align-self:start;min-height:100vh;padding:24px 18px;color:#eef4ff;background:linear-gradient(180deg,#22304af0,#172033fa),radial-gradient(circle at 20% 0%,rgba(37,99,235,.26),transparent 36%);display:flex;flex-direction:column;gap:22px}.brand-block{padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-block h1{margin:8px 0;font-size:25px;line-height:1.1;letter-spacing:-.03em}.brand-block span,.sidebar-foot,.nav-item em{color:#eef4ffad;font-size:12px;line-height:1.6;font-style:normal}.eyebrow{margin:0;color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sidebar .eyebrow{color:#eef4ff8f}.nav-list{display:grid;gap:8px}.nav-item{width:100%;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;text-align:left;padding:11px 12px;border-radius:14px;color:#eef4ff;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-item strong,.nav-item em{display:block}.nav-item strong{margin-bottom:2px;font-size:14px}.nav-marker{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#eef4ffb8;background:#ffffff14;font-size:12px;font-weight:800}.nav-item:hover{transform:translate(2px);background:#ffffff0f}.nav-item.active{background:#ffffff1f;border-color:#ffffff24}.nav-item.active .nav-marker{color:#fff;background:var(--blue)}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.side-stat{padding:12px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.09)}.side-stat span,.side-stat strong{display:block}.side-stat strong{margin-top:4px;color:#fff;font-size:13px}.main{min-width:0;padding:22px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-22px -22px 20px;padding:18px 22px;background:#eef2f7db;border-bottom:1px solid rgba(197,207,221,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h2,.section-head h2,.workspace-hero h1,.panel-head h3{margin:5px 0 0}.topbar h2{font-size:24px;letter-spacing:-.03em}.topbar span,.section-head p,.workspace-hero p,.panel-head p,.metric-card p,.secondary-line,.info-pill span,.level-card span,.mini-item span,.flow-step span,.setting-item strong,.empty-state,.rule-list,.check-list{color:var(--muted)}.topbar-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.user-badge{display:inline-grid;gap:2px;padding:8px 12px;border-radius:14px;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 20px #1220360d}.user-badge span{color:var(--muted);font-size:12px}.user-badge strong{font-size:13px}.status-chip,.status-line,.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.status-chip{padding:8px 11px;background:var(--panel);box-shadow:0 8px 20px #1220360d}.status-chip span,.status-line span{color:var(--muted);font-size:12px}.status-chip strong,.status-line strong{font-size:13px}.notice,.loading-card{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.notice.error{margin-bottom:16px;border-color:#c9434338;color:var(--red);background:var(--red-soft)}.notice.success{margin-top:14px;border-color:#0f9f6e2e;color:var(--green);background:var(--green-soft)}.workspace-hero,.panel-shell,.metric-card{border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow)}.workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding:24px;border-radius:24px;overflow:hidden;position:relative}.workspace-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:#2563eb14}.hero-main{position:relative;z-index:1}.workspace-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.02;letter-spacing:-.055em}.workspace-hero p{max-width:790px;margin:14px 0 0;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-actions button,.task-item b{border-radius:12px;padding:10px 14px;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.hero-actions button.ghost{color:var(--text);background:var(--slate-soft)}.ops-board{position:relative;z-index:1;display:grid;gap:10px;align-content:center}.status-line{justify-content:space-between;padding:13px 14px;background:var(--panel-soft);border-color:var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.metric-grid.compact-grid{margin-top:0}.metric-card{border-radius:18px;padding:18px}.metric-card span,.kpi-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.metric-card strong{display:block;font-size:34px;line-height:1;letter-spacing:-.04em}.metric-card p{margin:10px 0 0;font-size:13px}.metric-card.blue,.status-chip.blue,.status-line.blue,.badge.blue{background:var(--blue-soft);border-color:#2563eb24}.metric-card.green,.status-chip.green,.status-line.green,.badge.green{background:var(--green-soft);border-color:#0f9f6e29}.metric-card.amber,.status-chip.amber,.status-line.amber,.badge.amber{background:var(--amber-soft);border-color:#c97a1129}.metric-card.red,.status-chip.red,.status-line.red,.badge.red{background:var(--red-soft);border-color:#c943432e}.metric-card.slate,.status-chip.slate,.status-line.slate,.badge.slate{background:var(--slate-soft);border-color:#47546729}.blue strong,.blue b{color:var(--blue)}.green strong,.green b{color:var(--green)}.amber strong,.amber b{color:var(--amber)}.red strong,.red b{color:var(--red)}.slate strong,.slate b{color:var(--slate)}.content-grid,.dashboard-grid,.settings-grid{display:grid;gap:14px;margin-bottom:16px}.content-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.wide-left{grid-template-columns:1.45fr 1fr}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.95fr)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-shell{border-radius:var(--radius);padding:18px}.panel-shell.compact{padding:16px}.panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h3{font-size:18px;letter-spacing:-.02em}.panel-head p{margin:7px 0 0;line-height:1.6;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 0 14px}.section-head.inline-tools{align-items:center}.section-head.minor{margin-top:18px}.section-head h2{font-size:28px;letter-spacing:-.04em}.section-head p{max-width:760px;margin:8px 0 0;line-height:1.65;font-size:13px}.section-tools{flex:0 0 auto}.section-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi-strip.split{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card,.info-pill,.level-card,.tier-card,.flow-step,.setting-item,.mini-item{border-radius:14px;padding:13px;background:var(--panel-soft);border:1px solid var(--line)}.kpi-card strong{display:block;font-size:22px;letter-spacing:-.035em}.flow-lane,.flow-list,.bullet-card-grid,.tier-grid{display:grid;gap:10px}.flow-lane{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-list.vertical{grid-template-columns:1fr}.flow-step strong,.flow-step span,.info-pill strong,.info-pill span,.level-card strong,.level-card span,.mini-item strong,.mini-item span{display:block}.flow-step strong,.info-pill strong,.level-card strong,.mini-item strong{margin-bottom:5px}.flow-step span,.info-pill span,.level-card span,.mini-item span{font-size:13px;line-height:1.55}.task-list,.stack-list,.level-stack,.mini-list,.setting-list,.rank-list{display:grid;gap:10px}.task-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px;border-radius:14px;border:1px solid var(--line);color:var(--text);background:var(--panel-soft);cursor:pointer}.task-item strong,.task-item em{display:block}.task-item em{margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.task-item b{flex:0 0 auto;font-size:12px}.bullet-card-grid,.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bullet-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.soft-tag,.badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.soft-tag{color:var(--slate);background:var(--slate-soft);border:1px solid var(--line)}.badge{width:fit-content}.tier-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.tier-head span{font-weight:900}.tier-head strong{color:var(--blue)}.tier-body p{margin:0 0 8px;color:var(--muted);font-size:13px}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-item span{font-weight:800}.setting-item strong{text-align:right;font-size:13px;font-weight:600}.table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}.table-wrap.shallow table{min-width:640px}table{width:100%;min-width:920px;border-collapse:collapse;background:#fff}th,td{padding:12px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:#344054;background:#f4f7fb;font-size:12px;font-weight:900}tbody tr:hover{background:#f9fbfd}.primary-line{font-weight:900}.secondary-line{margin-top:4px;font-size:12px}.link-action{color:var(--blue);font-weight:900;cursor:default}.rule-list,.check-list{margin:0;padding-left:18px;line-height:1.8}.rule-list.compact,.check-list{font-size:14px}.rule-list.small-text{font-size:13px}.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rank-row{display:grid;gap:8px}.rank-row div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.rank-row strong{color:var(--text)}.rank-row i{display:block;height:8px;border-radius:999px;min-width:8px}.rank-row i.blue{background:var(--blue)}.rank-row i.amber{background:var(--amber)}.rank-row i.green{background:var(--green)}.rank-row i.slate{background:var(--slate)}.rank-row i.red{background:var(--red)}.empty-state{padding:18px;border-radius:14px;background:var(--panel-soft);border:1px dashed var(--line-strong)}@media (max-width: 1280px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.nav-list,.sidebar-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero,.dashboard-grid,.content-grid.wide-left,.settings-grid{grid-template-columns:1fr}.metric-grid,.content-grid.two-column,.content-grid.three-column,.month-grid,.bullet-card-grid.four,.flow-lane{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.login-card{padding:20px}.main{padding:14px}.topbar{position:static;display:grid;margin:-14px -14px 16px;padding:16px 14px}.topbar-status{justify-content:flex-start}.sidebar{padding:18px 14px}.nav-list,.sidebar-foot,.metric-grid,.content-grid.two-column,.content-grid.three-column,.month-grid,.bullet-card-grid,.bullet-card-grid.four,.tier-grid,.flow-lane,.kpi-strip,.kpi-strip.split{grid-template-columns:1fr}.workspace-hero,.section-head,.section-head.inline-tools{display:grid}.workspace-hero{padding:18px}.section-tools,input{width:100%}table{min-width:760px}}select,textarea{width:min(420px,100%);border-radius:12px;border:1px solid var(--line-strong);background:#fff;color:var(--text);padding:11px 14px;outline:none}textarea{min-height:104px;resize:vertical;line-height:1.6}select:focus,textarea:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb1f}button:disabled{cursor:not-allowed;opacity:.58}.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.workflow-main,.workflow-side,.detail-stack,.action-stack{display:grid;gap:14px}.action-stack.horizontal{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.workflow-side{position:sticky;top:104px}.stage-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.stage-node{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.stage-node span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--slate-soft);color:var(--slate);font-weight:900}.stage-node strong{font-size:13px}.stage-node.done span,.stage-node.current span{background:var(--blue);color:#fff}.stage-node.done{border-color:#0f9f6e4d}.stage-node.done span{background:var(--green)}.stage-node.current{border-color:#2563eb59}.form-grid{display:grid;gap:12px;margin-bottom:14px}.form-grid.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.field-row{display:grid;gap:7px;min-width:0}.field-row>span{color:var(--muted);font-size:12px;font-weight:900}.field-row input,.field-row select,.field-row textarea{width:100%}.primary-action,.action-stack button,.result-box button,.link-button,.logout-button{border-radius:12px;font-weight:900;cursor:pointer}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 16px;color:#fff;background:var(--blue);box-shadow:0 12px 26px #2563eb2e}.primary-action.slim{min-height:38px;padding:9px 13px}.primary-action.danger{background:var(--red);box-shadow:0 12px 26px #c9434329}.link-button{padding:6px 0;color:var(--blue);background:transparent}.link-button.danger-text{color:var(--red)}.ghost-action{min-height:38px;padding:9px 13px;color:var(--text);background:var(--slate-soft);border:1px solid rgba(71,84,103,.16)}.logout-button{min-height:42px;padding:11px 16px;color:var(--text);background:var(--panel);border:1px solid var(--line)}.settlement-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.summary-rows{display:grid;gap:9px}.summary-rows div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.summary-rows div:last-child{border-bottom:0}.summary-rows span{color:var(--muted);font-size:12px}.summary-rows strong{text-align:right;font-size:13px}.result-box{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--green-soft);border:1px solid rgba(15,159,110,.22)}.result-box strong{font-size:18px}.result-box span{color:var(--muted);font-size:13px}.result-box button,.action-stack button{padding:10px 12px;color:var(--blue);background:#fff;border:1px solid rgba(37,99,235,.18);text-align:left}.payload-preview{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--slate)}.radio-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.select-card{display:grid;gap:7px;min-height:112px;padding:14px;border-radius:16px;text-align:left;background:var(--panel-soft);border:1px solid var(--line);cursor:pointer}.select-card.active{background:var(--blue-soft);border-color:#2563eb5c}.select-card strong{font-size:15px}.select-card span,.select-card em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.5}.select-card em{color:var(--amber);font-weight:900}.order-draft{margin-top:12px}.mini-item.with-action{grid-template-columns:1fr auto;align-items:center}.mini-item.with-action strong,.mini-item.with-action span{grid-column:1}.mini-item.with-action button{grid-column:2;grid-row:1 / span 2;color:var(--red);background:var(--red-soft);border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer}.notice{margin:12px 0;padding:12px 14px;border-radius:14px;font-weight:800}.notice.error{color:var(--red);background:var(--red-soft);border:1px solid rgba(201,67,67,.18)}@media (max-width: 1280px){.workflow-grid{grid-template-columns:1fr}.workflow-side{position:static}.stage-nav,.form-grid.four-fields,.settlement-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.stage-nav,.form-grid.two-fields,.form-grid.three-fields,.form-grid.four-fields,.settlement-strip,.radio-card-grid{grid-template-columns:1fr}.payload-preview{max-width:200px}}