: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)}.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}.login-page.theme-light{--login-page-base: #edf5ff;--login-page-mid: #f7fbff;--login-page-deep: #e5efff;--login-card-bg: rgba(255, 255, 255, .78);--login-card-border: rgba(203, 213, 225, .62);--login-card-shadow: 0 26px 58px -34px rgba(15, 23, 42, .34);--login-right-title: #13233f;--login-right-subtitle: #51627f;--login-input-bg: #fff;--login-input-border: #dbe4f2;--login-input-hover-border: #93c5fd;--login-input-focus-border: #2563eb;--login-input-text: #1c2b45;--login-input-placeholder: #8da0bd;--login-btn-bg: #2563eb;--login-btn-bg-hover: #1d4ed8;--login-btn-shadow: 0 12px 24px -18px rgba(37, 99, 235, .42);--login-footer-border: #e4eaf3}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--login-page-base),var(--login-page-mid) 48%,var(--login-page-deep))}.login-container{width:100%;max-width:1020px;margin:0 auto;position:relative;z-index:2}.login-card{min-height:640px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:var(--login-card-bg);border:1px solid var(--login-card-border);box-shadow:var(--login-card-shadow);-webkit-backdrop-filter:blur(22px) saturate(132%);backdrop-filter:blur(22px) saturate(132%)}.login-left{padding:8px;display:flex;min-width:0}.login-image-container,.login-image{width:100%;min-width:0;position:relative;overflow:hidden;border-radius:20px}.login-image{height:100%;display:flex;align-items:stretch;padding:40px 36px;background:radial-gradient(84% 80% at 18% 12%,rgba(255,255,255,.56),rgba(186,230,253,.24) 34%,transparent 72%),radial-gradient(108% 96% at 92% 18%,rgba(125,211,252,.72),rgba(56,189,248,.28) 38%,transparent 76%),radial-gradient(112% 98% at 54% 92%,rgba(37,99,235,.52),rgba(37,99,235,.22) 40%,transparent 78%),linear-gradient(142deg,#77d8ff,#42beff 24%,#3b82f6 58%,#2c62ef);background-size:170% 170%,164% 164%,154% 154%,100% 100%;animation:loginImageFlow 20s ease-in-out infinite alternate}.login-image:before,.login-image:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;mix-blend-mode:screen;filter:blur(56px)}.login-image:before{opacity:.82;background:radial-gradient(82% 70% at 18% 16%,rgba(255,255,255,.54),rgba(255,255,255,.12) 40%,transparent 76%),radial-gradient(92% 76% at 58% 40%,rgba(56,189,248,.24),rgba(14,165,233,.1) 38%,transparent 74%);animation:loginOverlayDrift 14s ease-in-out infinite alternate}.login-image:after{z-index:2;opacity:.58;background:radial-gradient(40% 34% at 76% 24%,rgba(255,255,255,.32),rgba(191,219,254,.12) 40%,transparent 70%),radial-gradient(38% 32% at 26% 78%,rgba(56,189,248,.28),rgba(14,165,233,.1) 40%,transparent 70%);animation:loginImageVeilFloat 18s ease-in-out infinite alternate}.shader-gradient-bg-enhanced{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(96rem 74rem at 4% 10%,rgba(125,211,252,.54),rgba(56,189,248,.18) 42%,transparent 78%),radial-gradient(84rem 68rem at 94% 18%,rgba(96,165,250,.4),rgba(59,130,246,.14) 44%,transparent 78%),linear-gradient(154deg,#eef6ff,#edf4ff 34%,#f5f9ff 68%,#ebf3ff);animation:shaderMeshDriftLight 18s ease-in-out infinite alternate}.gradient-orbs-layer,.orb-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gradient-orb,.orb{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:shaderOrbFloat 26s ease-in-out infinite}.gradient-orb{filter:blur(118px);opacity:.4}.gradient-orb.orb-1{width:760px;height:760px;top:-18%;left:-14%;background:radial-gradient(circle,rgba(125,211,252,.68),transparent 74%)}.gradient-orb.orb-2{width:620px;height:620px;bottom:-18%;right:-8%;background:radial-gradient(circle,rgba(59,130,246,.52),transparent 74%);animation-delay:-8s}.gradient-orb.orb-3{width:560px;height:560px;top:34%;right:12%;background:radial-gradient(circle,rgba(147,197,253,.44),transparent 74%);animation-delay:-15s}.gradient-orb.orb-4{width:500px;height:500px;top:18%;left:34%;background:radial-gradient(circle,rgba(255,255,255,.54),transparent 74%);animation-delay:-20s}.orb-container{z-index:1;overflow:hidden;border-radius:20px}.orb{filter:blur(72px);opacity:.84;animation-name:orbPulse;animation-duration:7.2s}.orb-1{width:380px;height:380px;top:-16%;left:-10%;background:radial-gradient(circle,rgba(186,230,253,.88),transparent 70%)}.orb-2{width:320px;height:320px;top:16%;left:58%;background:radial-gradient(circle,rgba(147,197,253,.82),transparent 70%);animation-delay:-2.4s}.orb-3{width:290px;height:290px;top:38%;left:-4%;background:radial-gradient(circle,rgba(125,211,252,.78),transparent 70%);animation-delay:-3.1s}.orb-4{width:220px;height:220px;top:58%;left:66%;background:radial-gradient(circle,rgba(191,219,254,.74),transparent 70%);animation-delay:-4.8s}.image-content{position:relative;z-index:3;width:100%;display:flex;align-items:flex-end}.brand-copy-shell,.login-form-shell{animation:loginSurfaceReveal .76s cubic-bezier(.2,.82,.22,1) both}.brand-copy{max-width:450px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-label{font-size:12px;font-weight:700;letter-spacing:.22em;color:#eef7ffe0}.brand-title{font-size:clamp(38px,4.8vw,50px);font-weight:600;letter-spacing:-.045em;line-height:1.06;color:#fff}.brand-tagline{max-width:360px;color:#f1f7ffe0;font-size:15px;line-height:1.56}.login-right{min-width:0;padding:60px 48px;display:flex;align-items:center;justify-content:center}.login-form-shell,.login-form-container{width:100%;max-width:400px}.login-form-top{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.login-welcome{color:var(--login-right-title);font-size:28px;font-weight:600;line-height:1.34;letter-spacing:.05em;animation:loginWelcomeGlow 7.2s ease-in-out infinite}.login-subtitle-form,.login-role-summary strong{color:var(--login-right-subtitle);font-size:15px;line-height:1.6}.login-form{display:grid;gap:20px;margin-bottom:24px}.login-form-item{display:grid;gap:8px}.login-field-label,.login-role-summary span{color:var(--login-right-subtitle);font-size:12px;font-weight:800;letter-spacing:.08em}.login-input{width:100%;height:56px;border-radius:14px;border:1px solid var(--login-input-border);background:var(--login-input-bg);color:var(--login-input-text);padding:0 16px;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease}.login-input::placeholder{color:var(--login-input-placeholder)}.login-input:hover{border-color:var(--login-input-hover-border)}.login-input:focus{border-color:var(--login-input-focus-border);box-shadow:0 0 0 2px #2563eb2e}.login-submit-button--stable{min-height:48px;border-radius:14px;color:#fff;background:var(--login-btn-bg);padding:0 18px;font-size:15px;font-weight:700;box-shadow:var(--login-btn-shadow);cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.login-submit-button--stable:hover{background:var(--login-btn-bg-hover);transform:translateY(-1px)}.login-error{padding:12px 14px;border-radius:14px;color:var(--red);background:var(--red-soft);border:1px solid rgba(201,67,67,.18);font-weight:800}.login-footer{padding-top:22px;border-top:1px solid var(--login-footer-border)}.login-role-summary{display:grid;gap:6px}@keyframes loginImageFlow{to{background-position:16% 12%,84% 22%,44% 88%,center}}@keyframes loginOverlayDrift{to{transform:translate3d(-2%,1%,0) scale(1.02);opacity:.65}}@keyframes loginImageVeilFloat{to{transform:translate3d(1%,-1%,0) scale(1.02);opacity:.58}}@keyframes loginSurfaceReveal{0%{opacity:0;transform:translate3d(0,22px,0) scale(.985)}}@keyframes loginWelcomeGlow{50%{text-shadow:0 8px 22px rgba(37,99,235,.18)}}@keyframes shaderMeshDriftLight{to{background-position:12% 18%,86% 12%,center}}@keyframes shaderOrbFloat{50%{transform:translate3d(-36px,62px,0) scale(.96)}}@keyframes orbPulse{50%{opacity:.96}}@media (max-width: 1024px){.login-card{grid-template-columns:.46fr .54fr;min-height:600px}.login-right{padding:48px 36px}}@media (max-width: 768px){.login-page{padding:16px;align-items:flex-start}.login-card{grid-template-columns:1fr;min-height:auto}.login-left{min-height:224px}.login-right{padding:34px 26px}.brand-title{font-size:34px}}@media (max-width: 480px){.login-page{padding:12px}.login-left{min-height:196px}.login-image{padding:28px 24px}.login-right{padding:28px 20px}.brand-title{font-size:28px}}@media (prefers-reduced-motion: reduce){.login-page *,.shader-gradient-bg-enhanced{animation:none!important;transition:none!important}}.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){.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}}