:root{color-scheme:dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-height:100vh;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--accent-soft);color:var(--text-primary)}.content-enter{animation:contentEnter .28s cubic-bezier(.22,1,.36,1)}@keyframes contentEnter{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 18px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Avenir Next", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-display: "DIN Alternate", "Avenir Next Condensed", "Bahnschrift", "PingFang SC", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}[data-theme=dark],[data-theme=cyber],:root:not([data-theme]){--bg-main: #08111a;--bg-main-elevated: #0d1721;--bg-sidebar: rgba(9, 18, 27, .92);--bg-card: rgba(18, 29, 41, .88);--bg-card-strong: rgba(24, 38, 53, .94);--bg-input: #0d1722;--bg-hover: rgba(132, 212, 255, .08);--bg-active: rgba(132, 212, 255, .16);--surface-stripe: linear-gradient(135deg, rgba(132, 212, 255, .08), rgba(255, 255, 255, 0));--hero-glow: radial-gradient(circle at top, rgba(132, 212, 255, .18), transparent 54%);--hero-glow-2: radial-gradient(circle at 80% 20%, rgba(75, 255, 212, .1), transparent 34%);--border-default: rgba(149, 189, 219, .16);--border-strong: rgba(149, 189, 219, .28);--border-subtle: rgba(149, 189, 219, .06);--border-accent: rgba(132, 212, 255, .44);--text-primary: #f3f8fc;--text-secondary: #ced9e3;--text-muted: #88a0b3;--text-accent: #84d4ff;--text-bright: #ffffff;--accent: #84d4ff;--accent-strong: #54bff7;--accent-soft: rgba(132, 212, 255, .16);--success: #51cc8a;--warning: #f2b354;--danger: #ef6d73;--shadow-sm: 0 12px 24px rgba(0, 0, 0, .18);--shadow-md: 0 22px 44px rgba(0, 0, 0, .24);--shadow-lg: 0 36px 80px rgba(0, 0, 0, .34);--shadow-glow: 0 0 0 1px rgba(132, 212, 255, .08), 0 18px 50px rgba(44, 159, 214, .2);--pattern: linear-gradient(rgba(149, 189, 219, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(149, 189, 219, .055) 1px, transparent 1px)}[data-theme=light],[data-theme=industrial]{--bg-main: #e7e0d3;--bg-main-elevated: #f1eadf;--bg-sidebar: rgba(234, 228, 218, .96);--bg-card: rgba(248, 244, 237, .96);--bg-card-strong: rgba(255, 252, 247, .98);--bg-input: #fffdfa;--bg-hover: rgba(133, 86, 40, .08);--bg-active: rgba(177, 104, 37, .12);--surface-stripe: linear-gradient(135deg, rgba(177, 104, 37, .12), rgba(255, 255, 255, 0));--hero-glow: radial-gradient(circle at top, rgba(191, 120, 55, .14), transparent 55%);--hero-glow-2: radial-gradient(circle at 82% 18%, rgba(97, 119, 98, .12), transparent 32%);--border-default: rgba(96, 79, 59, .16);--border-strong: rgba(96, 79, 59, .3);--border-subtle: rgba(96, 79, 59, .08);--border-accent: rgba(177, 104, 37, .42);--text-primary: #231e18;--text-secondary: #463d34;--text-muted: #7d7062;--text-accent: #a85f1f;--text-bright: #16120e;--accent: #b16825;--accent-strong: #915014;--accent-soft: rgba(177, 104, 37, .16);--success: #3f8158;--warning: #c18c1d;--danger: #ba5048;--shadow-sm: 0 10px 24px rgba(62, 43, 23, .08);--shadow-md: 0 18px 36px rgba(62, 43, 23, .12);--shadow-lg: 0 28px 72px rgba(62, 43, 23, .16);--shadow-glow: 0 0 0 1px rgba(177, 104, 37, .08), 0 18px 46px rgba(177, 104, 37, .12);--pattern: linear-gradient(rgba(96, 79, 59, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(96, 79, 59, .07) 1px, transparent 1px)}body{background:var(--hero-glow),var(--hero-glow-2),linear-gradient(180deg,var(--bg-main-elevated) 0%,var(--bg-main) 100%);color:var(--text-primary);transition:background .22s ease,color .22s ease}.app-layout{display:flex;min-height:100vh;overflow:hidden}.app-sidebar{width:286px;padding:24px 18px 18px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),var(--bg-sidebar);border-right:1px solid var(--border-default);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:20}.app-sidebar:before{content:"";position:absolute;inset:14px 14px 14px auto;width:1px;background:linear-gradient(180deg,transparent,var(--border-strong),transparent);opacity:.8}.sidebar-logo{display:flex;align-items:center;gap:14px;padding:14px 14px 18px;border-radius:var(--radius-md);background:var(--surface-stripe);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.logo-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;font-size:26px;color:var(--text-bright);background:linear-gradient(145deg,var(--accent),var(--accent-strong));box-shadow:var(--shadow-glow)}.logo-text{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-size:21px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-bright)}.logo-text:after{content:"AMR Control Surface";font-family:var(--font-sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.sidebar-nav{flex:1;overflow-y:auto;padding-right:4px}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px;font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.nav-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:13px 14px;margin-bottom:8px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;position:relative}.nav-item:hover{transform:translate(4px);background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.nav-item.active{color:var(--text-bright);background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.02));border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:12px;bottom:12px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),transparent)}.nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffffff08;font-size:14px}.nav-item.active .nav-icon{background:#ffffff14;color:var(--accent)}.nav-label{font-size:14px;font-weight:600}.nav-badge{min-width:52px;padding:4px 8px;border-radius:999px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:#ffffff0a}.sidebar-bottom{margin-top:auto;padding-top:8px}.service-status-panel{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.status-group{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.status-group:last-child{padding-bottom:0;border-bottom:0}.status-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--text-accent)}.status-item{padding-left:24px;font-size:11px;color:var(--text-secondary);line-height:1.6}.status-item.addr{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.sidebar-actions{display:flex;flex-direction:column;gap:10px}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-action-btn:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--bg-hover);box-shadow:var(--shadow-sm)}.sidebar-action-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;background:transparent;position:relative}.app-topbar{min-height:78px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-default);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#00000005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.topbar-breadcrumb{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.step-number{padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--text-accent);font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.step-title{font-family:var(--font-display);font-size:24px;letter-spacing:.02em;color:var(--text-bright)}.step-desc{color:var(--text-muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-divider{width:1px;height:28px;background:var(--border-default)}.topbar-btn,.theme-toggle{min-height:40px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary)}.topbar-btn-save{min-height:40px!important;padding-inline:14px!important;border-radius:12px!important;border:1px solid var(--border-default)!important;background:var(--bg-card)!important;color:var(--text-muted)!important}.topbar-btn-save:hover{border-color:var(--border-accent)!important;color:var(--text-accent)!important;background:var(--bg-hover)!important}.project-chip{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.project-chip.dirty{border-color:#f2b35466;color:var(--text-primary)}.topbar-btn{width:40px;display:inline-grid;place-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.topbar-btn:hover:not(:disabled),.theme-toggle:hover{transform:translateY(-1px);border-color:var(--border-accent);background:var(--bg-hover)}.topbar-btn:disabled{opacity:.45;cursor:not-allowed}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;cursor:pointer}.theme-option,.theme-swap-btn{border:none;background:transparent;color:inherit;border-radius:10px;min-height:32px;transition:background .18s ease,color .18s ease,transform .18s ease}.theme-option{display:inline-flex;align-items:center;gap:8px;padding:0 10px}.theme-option.active{background:var(--accent-soft);color:var(--text-bright)}.theme-swap-btn{width:32px;display:inline-grid;place-items:center;border:1px solid var(--border-default);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.theme-option:hover,.theme-swap-btn:hover{background:var(--bg-hover)}.theme-label{font-size:11px;font-weight:600;letter-spacing:.04em}.theme-toggle-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--text-accent)}.content-area{flex:1;overflow-y:auto;padding:28px;display:flex;justify-content:center;position:relative}.content-grid{width:100%;max-width:1320px;position:relative;z-index:2}.grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern);background-size:42px 42px;opacity:.9;pointer-events:none}.grid-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff05,#fff0);pointer-events:none}.smart-card,.ant-card{border-radius:var(--radius-md)!important;border:1px solid var(--border-default)!important;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--bg-card)!important;box-shadow:var(--shadow-md)!important}.smart-card{padding:var(--space-lg)}.section-title,.section-header .section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-family:var(--font-display);font-size:22px;letter-spacing:.02em;color:var(--text-bright)}.section-subtitle{color:var(--text-muted)}.ant-typography,.ant-form-item-label>label,.ant-card-head-title,.ant-empty-description,.ant-alert-message,.ant-alert-description,.ant-menu-title-content,.ant-tag{color:inherit}.ant-form-item-label>label{color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important}.ant-input,.ant-input-number,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-radio-button-wrapper,.ant-input-number-group-addon{border-radius:12px!important;background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.ant-input:hover,.ant-input-number:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--border-strong)!important}.ant-input:focus,.ant-input-focused,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-input-affix-wrapper-focused,.ant-picker-focused{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.ant-btn{border-radius:12px!important;font-weight:600}.ant-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;border-color:transparent!important;box-shadow:var(--shadow-glow)!important}.ant-btn-default,.ant-btn-dashed{background:var(--bg-card)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.ant-modal .ant-modal-content,.ant-dropdown,.ant-select-dropdown{border-radius:var(--radius-md)!important;border:1px solid var(--border-default)!important;background:var(--bg-card-strong)!important;box-shadow:var(--shadow-lg)!important}.ant-menu,.ant-collapse,.ant-tabs-nav,.ant-tabs-content,.ant-list,.ant-tree,.ant-table,.ant-alert{background:transparent!important}.ant-tabs-tab{border-radius:12px 12px 0 0!important;transition:background .16s ease,color .16s ease!important}.ant-tabs-tab-active{background:var(--accent-soft)!important}.ant-tree-node-content-wrapper{border-radius:10px!important}.ant-tree-node-content-wrapper:hover,.ant-tree-node-selected{background:var(--bg-hover)!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000014}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}@media (max-width: 1100px){.app-sidebar{width:236px}.step-title{font-size:20px}}@media (max-width: 900px){.app-layout{flex-direction:column}.app-sidebar{width:100%;padding-bottom:12px}.app-sidebar:before{display:none}.app-topbar,.content-area{padding-left:18px;padding-right:18px}}