*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100vh}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}:root{--brand-navy:#1a2744;--brand-orange:#f07d1a;--app-bg:#eef1f5;--bg-primary:#eef1f5;--bg-surface:#fafbfc;--bg-elevated:#fff;--bg-sidebar:#f4f6f9;--header-bg:#f4f6f9;--header-border:#e8ecf0;--border-color:#dde2e8;--border-subtle:#e8ecf0;--text-primary:#1a2744;--text-secondary:#5c6570;--text-on-header:#1a2744;--accent-primary:#1a2744;--accent-secondary:#f07d1a;--success:#52c41a;--card-shadow:0 2px 12px #1a27440f;--card-hover-shadow:0 4px 16px #1a27441a;--card-accent-border:#dde2e8;--card-top-accent:#f07d1a;--auth-gradient-start:#1a2744;--auth-gradient-end:#0d1b2a;--avatar-bg:#f07d1a;--stat-icon-integration:#1677ff;--stat-icon-form:#722ed1;--stat-icon-deployed:#52c41a;--layout-header-height:48px;--layout-shell-padding:10px;--layout-shell-gap:10px;--layout-shell-radius:14px;--shell-shadow:0 1px 2px #1a27440d, 0 4px 14px #1a274412}[data-theme=dark]{--brand-navy:#fff;--brand-orange:#00d9a5;--app-bg:#0a1929;--bg-primary:#0a1929;--bg-surface:#0d2137;--bg-elevated:#132f4c;--bg-sidebar:#111827;--header-bg:#0d2137;--header-border:#1a3a52;--border-color:#1a3a52;--border-subtle:#1a3a52;--text-primary:#fff;--text-secondary:#8b9cb5;--text-on-header:#fff;--accent-primary:#00d9a5;--accent-secondary:#00d9a5;--success:#00d9a5;--card-shadow:0 4px 16px #00000040;--card-hover-shadow:0 8px 24px #00d9a514;--card-accent-border:#1a3a52;--card-top-accent:#00d9a5;--auth-gradient-start:#0a1929;--auth-gradient-end:#0d1b2a;--avatar-bg:#00d9a5;--stat-icon-integration:#00d9a5;--stat-icon-form:#7c9cff;--stat-icon-deployed:#00d9a5;--shell-shadow:0 2px 8px #00000059, 0 4px 16px #0003}.ant-layout-sider{transition:all .2s}.studio-app-shell{gap:var(--layout-shell-gap);padding:var(--layout-shell-padding);background:var(--bg-primary);box-sizing:border-box;height:100vh;display:flex;overflow:hidden}.studio-app-shell>.ant-layout-sider{border-radius:var(--layout-shell-radius);height:auto;box-shadow:var(--shell-shadow);flex-direction:column;flex-shrink:0;align-self:stretch;display:flex;overflow:hidden;border-right:none!important}.studio-app-main{border-radius:var(--layout-shell-radius);min-width:0;min-height:0;box-shadow:var(--shell-shadow);background:var(--bg-sidebar);flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-app-content{background:var(--bg-primary);border-top-left-radius:12px}.studio-app-shell>.ant-layout-sider>.ant-layout-sider-children{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}:root:not([data-theme=dark]) .studio-app-header{box-shadow:inset 0 -2px 0 var(--brand-orange)}:root:not([data-theme=dark]) .ant-card:not(.ant-card-bordered){background:var(--bg-surface)}:root:not([data-theme=dark]) .ant-menu-light .ant-menu-item,:root:not([data-theme=dark]) .ant-menu-light .ant-menu-submenu-title{border-radius:8px;width:calc(100% - 16px);margin-inline:8px}:root:not([data-theme=dark]) .ant-menu-light .ant-menu-item-selected{color:var(--text-primary)!important;background-color:#1a274417!important}:root:not([data-theme=dark]) .ant-menu-light .ant-menu-item:hover,:root:not([data-theme=dark]) .ant-menu-light .ant-menu-submenu-title:hover{background-color:#1a27440d!important}:root:not([data-theme=dark]) .ant-table{background:var(--bg-surface)}:root:not([data-theme=dark]) .ant-table-thead>tr>th{background:var(--bg-sidebar)!important}:root:not([data-theme=dark]) .ant-input,:root:not([data-theme=dark]) .ant-input-affix-wrapper,:root:not([data-theme=dark]) .ant-select-selector{background:var(--bg-elevated)!important}[data-theme=dark] .ant-input,[data-theme=dark] textarea.ant-input,[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] .ant-input-number,[data-theme=dark] .ant-input-number-input,[data-theme=dark] .ant-select:not(.ant-select-customize-input) .ant-select-selector,[data-theme=dark] .ant-picker{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-input-affix-wrapper>input.ant-input,[data-theme=dark] .ant-input-affix-wrapper>textarea.ant-input{background-color:#0000!important}[data-theme=dark] .ant-input::placeholder,[data-theme=dark] .ant-input-affix-wrapper input::placeholder,[data-theme=dark] .ant-input-affix-wrapper textarea::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .ant-input-search .ant-input-search-button{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-input-disabled,[data-theme=dark] .ant-input-affix-wrapper-disabled,[data-theme=dark] .ant-select-disabled .ant-select-selector{color:var(--text-secondary)!important;background-color:#ffffff0a!important}.ant-card-hoverable:hover{box-shadow:var(--card-hover-shadow)}.studio-card{box-shadow:var(--card-shadow);transition:box-shadow .2s,border-color .2s;border:1px solid var(--card-accent-border)!important;border-top:3px solid var(--card-top-accent)!important;background:var(--bg-surface)!important;border-radius:16px!important}.studio-card--stat{border-top:1px solid var(--card-accent-border)!important}.studio-live-dot{background:#52c41a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite studio-live-pulse}@keyframes studio-live-pulse{0%,to{opacity:1;box-shadow:0 0 #52c41a73}50%{opacity:.85;box-shadow:0 0 0 6px #52c41a00}}.studio-page-title,.studio-stat-value{color:var(--text-primary)!important}.studio-add-slot{border:2px dashed var(--border-color);background:var(--bg-elevated);min-height:160px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.studio-add-slot:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.kaoto-editor-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.form-builder-page{min-height:calc(100vh - var(--layout-header-height) - 32px);margin-top:-24px;padding-top:0}.form-builder-toolbar{z-index:2;background:var(--bg-elevated);grid-template-columns:1fr 280px;align-items:center;gap:16px;min-height:56px;margin-bottom:16px;padding:12px 0;display:grid;position:relative}.form-builder-toolbar-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-width:0;display:flex}.form-builder-title{flex:1;min-width:0;margin:0;color:var(--text-primary)!important}.form-builder-toolbar-actions,.form-builder-toolbar-spacer{flex-shrink:0}.form-builder-shell{width:100%;min-height:600px;overflow:visible}.react-form-builder{width:100%;overflow:visible}.react-form-builder>div{flex-direction:row;align-items:flex-start;gap:16px;width:100%;display:flex}.react-form-builder .react-form-builder-preview{flex:1;min-width:0;padding:0 8px 16px 0;overflow:visible}.react-form-builder .react-form-builder-toolbar{flex-shrink:0;width:280px;padding-top:0;overflow:visible;margin-top:0!important}[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-preview{background:var(--bg-elevated,#132f4c)!important;border-color:var(--border-color,#1a3a52)!important;box-shadow:var(--card-shadow)!important}[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-toolbar{background:var(--bg-elevated,#132f4c)!important;border-color:var(--border-color,#1a3a52)!important}[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-toolbar h4{color:#fff!important;background:#1a2744!important}[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-toolbar .form-group,[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-toolbar ul li{color:var(--text-primary,#fff);border-color:var(--border-color,#1a3a52)!important}[data-theme=dark] .form-builder-page .react-form-builder .react-form-builder-toolbar ul li:hover{background:var(--bg-surface,#0d2137)}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.SortableItem{border-radius:8px;margin-bottom:4px;background:var(--bg-surface,#0d2137)!important;border:1px dashed var(--border-color,#1a3a52)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item:hover{background:var(--bg-elevated,#132f4c)!important;border-color:var(--accent-primary,#00d9a5)!important;box-shadow:inset 0 0 0 1px #00d9a540!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item .toolbar-header{opacity:1!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item .toolbar-header .label{background:var(--bg-elevated,#132f4c);border-radius:4px;padding:2px 8px;font-size:12px;color:var(--text-secondary,#8b9cb5)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item h3,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item h3.static,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item p,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item p.static,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item label,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item .form-group{color:var(--text-primary,#fff)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item label.form-label,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item p.static.italic{color:var(--text-secondary,#8b9cb5)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .toolbar-header-buttons .btn{background:var(--bg-elevated,#132f4c)!important;border-color:var(--border-color,#1a3a52)!important;color:var(--accent-secondary,#00d9a5)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .react-form-builder-form{background:0 0!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .custom-control.custom-checkbox{background:var(--bg-surface,#0d2137)!important;border-color:var(--border-color,#1a3a52)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.is-placeholder{border-color:var(--border-color,#1a3a52)!important;background:var(--bg-surface,#0d2137)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.SortableItem.is-dragging{background:var(--bg-elevated,#132f4c)!important;border-color:var(--accent-primary,#00d9a5)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .edit-form{color:var(--text-primary,#fff);background:var(--bg-elevated,#132f4c)!important}[data-theme=dark] .form-builder-page .react-form-builder-preview .edit-form label,[data-theme=dark] .form-builder-page .react-form-builder-preview .edit-form h4,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group label,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .checkbox-label,[data-theme=dark] .form-builder-page .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .radio-label{color:var(--text-primary,#fff)}[data-theme=dark] .form-builder-page .react-form-builder-form .rfb-item label span{color:var(--text-primary,#fff);background:var(--bg-elevated,#132f4c)!important}[data-theme=dark] .form-builder-page .react-form-builder-form .rfb-item .row{border-color:var(--border-color,#1a3a52)!important}