:root{font-family:IBM Plex Sans,Noto Sans SC,Segoe UI,sans-serif;color:#1f2937;--panel-text: #1f2937;--panel-border: #d9dee3;--panel-border-strong: #cfd5db;--panel-card-bg: rgba(255, 255, 255, .94);--panel-shell-shadow: 0 18px 36px rgba(15, 23, 42, .07);--panel-sider-bg: linear-gradient(180deg, #f7fafc 0%, #f1f5f9 100%);--panel-sider-active: linear-gradient(120deg, #0f766e, #0d9488);--panel-sider-hover: rgba(15, 118, 110, .14);--panel-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .9));--panel-surface-soft: #f8fafc;background:radial-gradient(circle at 0% 0%,#edf2f7 0,transparent 30%),radial-gradient(circle at 100% 0%,#eef6f3 0,transparent 28%),linear-gradient(180deg,#edf1f4,#e8edf1)}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:transparent}.panel-shell{min-height:100vh;padding:20px}.panel-card{border-radius:22px;border:1px solid var(--panel-border);box-shadow:var(--panel-shell-shadow);background:var(--panel-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-sider{background:var(--panel-sider-bg)!important;border-inline-end:none!important}.panel-sider-brand{padding:18px 16px 14px;border-bottom:1px solid rgba(148,163,184,.25)}.panel-sider-brand .ant-typography{color:#0f172a!important}.panel-sider .ant-menu{background:transparent!important;border-inline-end:none!important;padding:12px 10px}.panel-sider .ant-menu-item{height:44px;line-height:44px;border-radius:12px;margin-block:6px;color:#334155!important;font-weight:520}.panel-sider .ant-menu-item:hover{color:#0f766e!important;background:var(--panel-sider-hover)!important}.panel-sider .ant-menu-item-selected{color:#f8fafc!important;background:var(--panel-sider-active)!important;box-shadow:0 10px 20px #0d948838}.panel-mobile-menu .ant-drawer-content{background:#f5f8fb}.panel-mobile-menu .ant-drawer-header{border-bottom-color:#94a3b833}.panel-mobile-menu .ant-drawer-title{color:#0f172a}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;height:auto;padding-inline:14px;margin:8px 10px 0;border:1px solid var(--panel-border);border-radius:16px;background:var(--panel-header-bg)!important}.panel-header-left{min-width:0}.panel-header-right{margin-left:auto}.content-wrap{display:flex;flex-direction:column;gap:14px}.panel-card .ant-table-wrapper{width:100%}.panel-card .ant-table-content{overflow-x:auto}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.delivery-pane{border:1px solid var(--panel-border);padding-bottom:110px}.delivery-pane-title{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.01em}.delivery-stage-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:14px;align-items:start}.delivery-main-column,.delivery-side-column{display:flex;flex-direction:column;gap:14px}.delivery-stage-card{border-radius:14px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff 0%,var(--panel-surface-soft) 100%);box-shadow:0 8px 20px #0f172a0d}.delivery-stage-card-wide{grid-column:1 / -1}.delivery-stage-title{display:inline-flex;align-items:center;gap:8px}.delivery-stage-index{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#f8fafc;background:var(--panel-sider-active)}.delivery-inner-card{margin-bottom:10px;border-style:dashed;background:var(--panel-surface-soft)}.delivery-action-card .ant-card-body{padding-bottom:14px}.delivery-action-card .ant-btn-primary{min-width:124px;font-weight:600}.delivery-floating-actions{position:fixed;left:clamp(86px,18vw,252px);right:24px;bottom:12px;z-index:120;max-width:1220px;margin-top:14px;border:1px solid var(--panel-border-strong);border-radius:14px;background:var(--panel-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 30px #0f172a24;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-floating-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.delivery-floating-actions .ant-btn-primary{min-width:124px;font-weight:600}.delivery-data-card{border-radius:14px;border:1px solid var(--panel-border);box-shadow:0 8px 20px #0f172a0d}.delivery-data-card .ant-card-head{background:var(--panel-surface-soft)}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-wrap>.ant-card{animation:panel-fade-in .24s ease}.dashboard-pane{display:flex;flex-direction:column;gap:14px}.dashboard-hero-card,.dashboard-kpi-card,.dashboard-data-card,.orders-kpi-card,.nodes-runtime-card{border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#fff,#f6fbff 52%,#eff7fb)}.dashboard-screen-card{position:relative;overflow:hidden}.dashboard-screen-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 36%),radial-gradient(circle at 100% 0%,rgba(20,184,166,.12),transparent 34%),linear-gradient(135deg,rgba(37,99,235,.06),transparent 42%,rgba(14,116,144,.06))}.dashboard-screen-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(14,116,144,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(14,116,144,.06) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.dashboard-screen-card>*{position:relative;z-index:1}.dashboard-hero-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-kpi-label{display:inline-flex;align-items:center;gap:8px;color:#4b5563;font-weight:560}.dashboard-kpi-value{font-size:30px;line-height:1.2;margin-top:8px;color:#0b2436;font-weight:700;letter-spacing:.02em}.dashboard-kpi-hint{margin-top:4px;color:#6b7280}.dashboard-gauge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-gauge-item{display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard-hot-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.dashboard-hot-item{border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-trend-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}.dashboard-trend-col{display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard-trend-track{width:100%;height:140px;border-radius:10px;background:linear-gradient(180deg,#e8eef1,#dbe5ea);display:flex;align-items:flex-end;overflow:hidden}.dashboard-trend-bar{width:100%;border-radius:10px;background:linear-gradient(180deg,#14b8a6,#0f766e);box-shadow:inset 0 0 0 1px #fff3}.dashboard-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-health-cell{border:1px solid var(--panel-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dashboard-health-healthy{background:linear-gradient(180deg,#10b98114,#ffffffe6)}.dashboard-health-warning{background:linear-gradient(180deg,#fbbf241f,#ffffffe6)}.dashboard-health-danger{background:linear-gradient(180deg,#f871711f,#ffffffeb)}.dashboard-health-title{display:flex;justify-content:space-between;align-items:center;gap:6px}.nodes-runtime-grid{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.nodes-runtime-gauge{display:flex;flex-direction:column;align-items:center;gap:4px}.nodes-runtime-hot{display:flex;flex-direction:column;gap:8px}.nodes-runtime-hot-item{border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-delta-timeline{display:flex;flex-direction:column;gap:8px}.dashboard-delta-event{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;align-items:start}.dashboard-delta-dot{width:10px;height:10px;margin-top:8px;border-radius:999px;background:linear-gradient(180deg,#38bdf8,#0ea5e9);box-shadow:0 0 0 2px #38bdf833}.dashboard-delta-body{border:1px solid rgba(14,116,144,.2);border-radius:10px;background:#f8fcffe6;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.nodes-ops-card{border-style:dashed}.nodes-ops-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:12px;align-items:start}.nodes-ops-metrics{display:flex;flex-wrap:wrap;gap:8px}.nodes-ops-timeline{display:flex;flex-direction:column;gap:6px}.nodes-ops-event{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--panel-border);border-radius:10px;background:#ffffffd6;padding:6px 8px}.nodes-ops-dot{width:8px;height:8px;margin-top:8px;border-radius:999px;background:linear-gradient(180deg,#22d3ee,#0891b2);box-shadow:0 0 0 2px #22d3ee38}.orders-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}@media(max-width:900px){.panel-shell{padding:10px}}@media(max-width:992px){.panel-shell{padding:8px}.panel-card{border-radius:12px}.dashboard-hero-header{flex-direction:column;align-items:flex-start}.dashboard-gauge-grid{grid-template-columns:minmax(0,1fr)}.dashboard-trend-chart{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nodes-runtime-grid,.nodes-ops-grid,.orders-kpi-grid{grid-template-columns:minmax(0,1fr)}.panel-header{padding-inline:8px;margin:8px 6px 0}.panel-header-right,.panel-header-right .ant-btn{width:100%}.panel-card .ant-card-body{padding:12px}.delivery-stage-grid{grid-template-columns:minmax(0,1fr)}.delivery-main-column,.delivery-side-column{gap:12px}.delivery-stage-card{grid-column:1 / -1}.delivery-floating-actions{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:12px;padding:10px;flex-direction:column;align-items:stretch}.delivery-floating-actions .ant-space{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.delivery-floating-actions .ant-btn,.delivery-floating-meta{width:100%}.delivery-stage-card .ant-form-item{width:100%;margin-right:0}.delivery-stage-card .ant-select,.delivery-stage-card .ant-picker,.delivery-stage-card .ant-input,.delivery-stage-card .ant-input-number,.delivery-stage-card .ant-input-affix-wrapper{width:100%!important;max-width:100%}.ant-modal{max-width:calc(100vw - 24px)!important}.ant-modal .ant-modal-body{max-height:calc(100vh - 180px);overflow:auto}}