:root{--hc-bg: #17191d;--hc-card-bg: #202329;--hc-card-bg-elevated: #292d34;--hc-header-bg: #1b1e23;--hc-border: rgba(255, 255, 255, .09);--hc-text: rgba(255, 255, 255, .92);--hc-text-secondary: rgba(255, 255, 255, .62);--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: rgba(45, 45, 54, .94);--hc-shadow: 0 18px 48px rgba(0, 0, 0, .32);--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%);color-scheme:dark}:root[data-theme=light]{--hc-bg: #f4f4f6;--hc-card-bg: #ffffff;--hc-card-bg-elevated: #ffffff;--hc-header-bg: #ffffff;--hc-border: rgba(0, 0, 0, .08);--hc-text: rgba(0, 0, 0, .88);--hc-text-secondary: rgba(0, 0, 0, .45);--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: rgba(255, 255, 255, .95);--hc-shadow: 0 18px 48px rgba(30, 40, 50, .1);--hc-login-gradient: radial-gradient(circle at 20% 10%, rgba(var(--hc-accent-rgb), .13), transparent 34%), linear-gradient(145deg, #ffffff 0%, #f4f6f3 68%, #e9eee6 100%);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hc-bg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--hc-login-gradient);padding:16px;position:relative}.login-theme-toggle{position:absolute;top:16px;right:16px}.login-theme-toggle .ant-btn{color:var(--hc-text)}.login-card{width:100%;max-width:420px;box-shadow:0 20px 60px #0009;border:1px solid var(--hc-border)}.page-content{padding:24px;max-width:1400px;margin:0 auto;width:100%}:root[data-theme=dark] .ant-tag{border:none;color:#ffffffe0;background:#ffffff1f}: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{display:flex;height:calc(100vh - 64px);overflow:hidden}.editor-canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--hc-canvas-bg)}.editor-sidebar{width:300px;background:var(--hc-card-bg);border-left:1px solid var(--hc-border);overflow-y:auto;padding:12px;flex-shrink:0}.editor-toolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);padding:8px;border-radius:10px;box-shadow:0 4px 16px #00000073}.editor-zoom-info{position:absolute;bottom:12px;left:12px;z-index:10;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);padding:4px 10px;border-radius:8px;font-size:12px;color:var(--hc-text-secondary)}.monitor-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}@media (max-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{position:fixed;z-index:2000;top:8px;left:8px;padding:10px 14px;border-radius:var(--hc-radius-sm);color:#102006;background:var(--hc-accent);transform:translateY(-150%);transition:transform .14s ease}.skip-link:focus{transform:translateY(0)}.login-card{border-radius:20px;box-shadow:var(--hc-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header__copy{min-width:0}.page-header__eyebrow{margin-bottom:6px;color:var(--hc-accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-header__title.ant-typography{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.page-header__description.ant-typography{max-width:720px;margin:8px 0 0;color:var(--hc-text-secondary)}.page-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.page-loader,.state-panel{padding:28px;border:1px solid var(--hc-border);border-radius:var(--hc-radius);background:var(--hc-card-bg)}.status-badge.ant-tag{margin:0;padding:2px 10px;border-radius:999px;font-weight:600}.surface-card{border:1px solid var(--hc-border);border-radius:var(--hc-radius);background:var(--hc-card-bg);box-shadow:0 1px #ffffff08;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.surface-card:hover{border-color:rgba(var(--hc-accent-rgb),.26);box-shadow:var(--hc-shadow);transform:translateY(-2px)}.app-shell-header{position:sticky;z-index:100;top:0;display:flex;align-items:center;gap:18px;height:68px;padding:0 24px;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)}.app-brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--hc-text);font-size:17px;font-weight:750;letter-spacing:-.02em}.app-brand__mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#15200d;background:var(--hc-accent)}.app-shell-main{min-width:0}.app-user-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;border:0;border-radius:12px;color:var(--hc-text);background:transparent;cursor:pointer}.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{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:10px;color:var(--hc-text);background:transparent;text-align:left;cursor:pointer}.command-palette__item:hover,.command-palette__item:focus-visible{background:var(--hc-card-bg-elevated)}@media (max-width: 768px){.app-shell-header{height:60px;gap:8px;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{align-items:stretch;flex-direction:column;gap:14px}.page-header__actions{justify-content:flex-start}}@media (max-width: 560px){.editor-layout{height:calc(100dvh - 60px)}.editor-sidebar{position:absolute;z-index:20;right:8px;bottom:8px;left:8px;width:auto;max-height:42vh;border:1px solid var(--hc-border);border-radius:var(--hc-radius);box-shadow:var(--hc-shadow)}.editor-toolbar{right:8px;left:8px;overflow-x:auto;flex-wrap:nowrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}