:root{--hc-bg:#17191d;--hc-card-bg:#202329;--hc-card-bg-elevated:#292d34;--hc-header-bg:#1b1e23;--hc-border:#ffffff17;--hc-text:#ffffffeb;--hc-text-secondary:#ffffff9e;--hc-radius:16px;--hc-radius-sm:10px;--hc-accent:#91c95b;--hc-accent-rgb:145, 201, 91;--hc-alarm:#ff7875;--hc-alarm-rgb:255, 120, 117;--hc-canvas-bg:#1d2025;--hc-canvas-overlay:#2d2d36f0;--hc-shadow:0 18px 48px #00000052;--hc-login-gradient:radial-gradient(circle at 20% 10%, rgba(var(--hc-accent-rgb), .15), transparent 34%), linear-gradient(145deg, #20242a 0%, #17191d 68%, #121418 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--hc-bg:#f4f4f6;--hc-card-bg:#fff;--hc-card-bg-elevated:#fff;--hc-header-bg:#fff;--hc-border:#00000014;--hc-text:#000000e0;--hc-text-secondary:#00000073;--hc-accent:#5f9638;--hc-accent-rgb:95, 150, 56;--hc-alarm:#cf3f3b;--hc-alarm-rgb:207, 63, 59;--hc-canvas-bg:#fafcf9;--hc-canvas-overlay:#fffffff2;--hc-shadow:0 18px 48px #1e28321a;--hc-login-gradient:radial-gradient(circle at 20% 10%, rgba(var(--hc-accent-rgb), .13), transparent 34%), linear-gradient(145deg, #fff 0%, #f4f6f3 68%, #e9eee6 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--hc-bg);height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page{background:var(--hc-login-gradient);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative}.login-theme-toggle{position:absolute;top:16px;right:16px}.login-theme-toggle .ant-btn{color:var(--hc-text)}.login-card{border:1px solid var(--hc-border);width:100%;max-width:420px;box-shadow:0 20px 60px #0009}.page-content{width:100%;max-width:1400px;margin:0 auto;padding:24px}:root[data-theme=dark] .ant-tag{color:#ffffffe0;background:#ffffff1f;border:none}:root[data-theme=dark] .ant-tag-blue{color:#fff;background:#60a5fa52}:root[data-theme=dark] .ant-tag-green{color:#fff;background:rgba(var(--hc-accent-rgb), .32)}:root[data-theme=dark] .ant-tag-red{color:#fff;background:rgba(var(--hc-alarm-rgb), .32)}:root[data-theme=dark] .ant-tag-orange{color:#fff;background:#fb923c52}:root[data-theme=dark] .ant-tag-gold,:root[data-theme=dark] .ant-tag-volcano{color:#fff;background:#fbbf2447}:root[data-theme=dark] .ant-tag-cyan,:root[data-theme=dark] .ant-tag-geekblue{color:#fff;background:#38bdf847}:root[data-theme=dark] .ant-tag-purple,:root[data-theme=dark] .ant-tag-magenta{color:#fff;background:#c084fc47}:root[data-theme=dark] .ant-tag-lime{color:#fff;background:rgba(var(--hc-accent-rgb), .28)}.editor-layout{height:calc(100vh - 64px);display:flex;overflow:hidden}.editor-canvas-wrap{background:var(--hc-canvas-bg);flex:1;position:relative;overflow:hidden}.editor-sidebar{background:var(--hc-card-bg);border-left:1px solid var(--hc-border);flex-shrink:0;width:300px;padding:12px;overflow-y:auto}.editor-toolbar{z-index:10;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 16px #00000073}.editor-zoom-info{z-index:10;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);color:var(--hc-text-secondary);border-radius:8px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.monitor-legend{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}@media (width<=768px){.editor-sidebar{width:220px}.page-content{padding:12px}}:focus-visible{outline:3px solid rgba(var(--hc-accent-rgb), .52);outline-offset:2px}body{min-width:320px;color:var(--hc-text);text-rendering:optimizelegibility}.skip-link{z-index:2000;border-radius:var(--hc-radius-sm);color:#102006;background:var(--hc-accent);padding:10px 14px;transition:transform .14s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.login-card{box-shadow:var(--hc-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px}.page-content,.page-shell{width:100%;max-width:1400px;margin:0 auto;padding:clamp(16px,2.4vw,32px)}.page-shell--wide{max-width:1680px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-header__copy{min-width:0}.page-header__eyebrow{color:var(--hc-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.page-header__title.ant-typography{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,34px)}.page-header__description.ant-typography{max-width:720px;color:var(--hc-text-secondary);margin:8px 0 0}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-loader,.state-panel{border:1px solid var(--hc-border);border-radius:var(--hc-radius);background:var(--hc-card-bg);padding:28px}.status-badge.ant-tag{border-radius:999px;margin:0;padding:2px 10px;font-weight:600}.surface-card{border:1px solid var(--hc-border);border-radius:var(--hc-radius);background:var(--hc-card-bg);transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 1px #ffffff08}.surface-card:hover{border-color:rgba(var(--hc-accent-rgb), .26);box-shadow:var(--hc-shadow);transform:translateY(-2px)}.app-shell-header{z-index:100;border-bottom:1px solid var(--hc-border);background:color-mix(in srgb, var(--hc-header-bg) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:18px;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.app-shell-header .desktop-navigation.ant-menu-horizontal{background:0 0;border-bottom:none;align-self:stretch;line-height:1}.app-shell-header .desktop-navigation.ant-menu-horizontal>.ant-menu-item,.app-shell-header .desktop-navigation.ant-menu-horizontal>.ant-menu-submenu{align-items:center;height:100%;margin-top:0;line-height:1.2;display:inline-flex;top:0}.app-shell-header .desktop-navigation.ant-menu-horizontal>.ant-menu-item:after,.app-shell-header .desktop-navigation.ant-menu-horizontal>.ant-menu-submenu:after{display:none}.app-brand{min-width:max-content;color:var(--hc-text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:750;display:inline-flex}.app-brand__mark{color:#15200d;background:var(--hc-accent);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.app-shell-main{min-width:0}.app-user-trigger{min-height:44px;color:var(--hc-text);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:4px 8px;display:inline-flex}.app-user-trigger:hover{background:var(--hc-card-bg-elevated)}.mobile-nav-button{display:none}.command-palette .ant-modal-content{padding:12px;overflow:hidden}.command-palette__input{margin-bottom:10px}.command-palette__list{max-height:min(440px,60vh);overflow-y:auto}.command-palette__item{width:100%;min-height:48px;color:var(--hc-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.command-palette__item:hover,.command-palette__item:focus-visible{background:var(--hc-card-bg-elevated)}@media (width<=768px){.app-shell-header{gap:8px;height:60px;padding:0 12px}.desktop-navigation{display:none}.mobile-nav-button{display:inline-flex}.app-brand{flex:1}.app-brand__name,.app-user-copy{display:none}.page-header{flex-direction:column;align-items:stretch;gap:14px}.page-header__actions{justify-content:flex-start}}@media (width<=560px){.editor-layout{height:calc(100dvh - 60px)}.editor-sidebar{z-index:20;border:1px solid var(--hc-border);border-radius:var(--hc-radius);width:auto;max-height:42vh;box-shadow:var(--hc-shadow);position:absolute;bottom:8px;left:8px;right:8px}.editor-toolbar{flex-wrap:nowrap;left:8px;right:8px;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}