.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);padding:var(--spacing-md, 16px)}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);position:fixed;top:0;left:var(--sidebar-width, 200px);right:0;z-index:9999}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h2{margin:0;font-size:20px;color:var(--color-primary);font-weight:600}.header-user{display:flex;align-items:center;gap:var(--spacing-md, 16px)}.header-user span{color:var(--color-text-secondary);font-size:12px;font-weight:400;opacity:.8}.mobile-preview-frame{display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border-radius:12px}.ant-popover,.ant-picker-dropdown,.ant-modal,.ant-dropdown{z-index:11000!important}.main-content.collapsed .header{left:var(--sidebar-collapsed-width, 48px);padding-left:12px}.header-left,.header-right{display:flex;align-items:center;gap:12px}@media(max-width:768px){.header{left:0;padding-left:12px}.header-content{flex-wrap:wrap;gap:8px;align-items:center}.header-right{order:1;margin-left:0}.header-left{order:0}}@media(max-width:480px){.user-profile-btn{font-size:11px!important}}.button--sm{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);font-size:12px}.custom-sidebar{transition:transform .3s ease!important;--ant-layout-sider-bg: var(--color-surface) !important;max-width:none!important}.custom-sidebar .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.custom-sidebar .ant-menu{flex:1;overflow-y:auto}.custom-sidebar .ant-menu-item-group-title{color:var(--color-text-secondary)!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding-left:24px!important;margin-bottom:8px!important}.custom-sidebar .ant-menu-item{border-radius:8px!important;margin:0 8px 4px!important;width:calc(100% - 16px)!important;text-align:left!important;justify-content:flex-start!important;white-space:nowrap!important}.custom-sidebar .ant-menu-item .ant-menu-title-content{text-align:left!important}.custom-sidebar.ant-layout-sider-collapsed .ant-menu-item{margin-left:4px!important;margin-right:4px!important;width:calc(100% - 8px)!important;justify-content:center!important}.custom-sidebar.ant-layout-sider-collapsed .ant-menu-item-group-title{display:none!important}.custom-sidebar.ant-layout-sider-collapsed .sidebar-header{padding:16px!important}.custom-sidebar .ant-menu-item-selected{background-color:var(--color-primary-bg)!important;color:var(--color-primary)!important;border-left:3px solid var(--color-primary)!important}.custom-sidebar .ant-menu-item:hover{background-color:var(--color-primary-bg-hover)!important;color:var(--color-primary)!important}.sidebar-header{border-bottom:1px solid var(--color-border)!important}.sidebar-header .ant-typography{color:var(--color-primary)!important}.sidebar-mobile-toggle,.sidebar-mobile-close,.sidebar-overlay{display:none!important}@media(max-width:768px){.custom-sidebar{transform:translate(-100%)!important;width:240px!important;box-shadow:2px 0 8px #0000004d!important}.custom-sidebar.mobile-open{transform:translate(0)!important}.custom-sidebar.ant-layout-sider-collapsed{transform:translate(-100%)!important;max-width:48px!important}.sidebar-mobile-toggle,.sidebar-mobile-close,.sidebar-overlay{display:block!important}}.custom-sidebar .ant-menu::-webkit-scrollbar{width:6px}.custom-sidebar .ant-menu::-webkit-scrollbar-track{background:transparent}.custom-sidebar .ant-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.custom-sidebar .ant-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.main-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width, 200px);display:flex;flex-direction:column;transition:margin-left .3s ease;width:calc(100vw - var(--sidebar-width, 200px));height:100vh}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width, 48px);width:calc(100vw - var(--sidebar-collapsed-width, 48px))}.page-content{flex:1;overflow-y:auto;padding:0;width:100%;height:calc(100vh - 50px);box-sizing:border-box;margin-top:50px}.page-container{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-lg, 24px);box-sizing:border-box}.page-container.full-width>.ant-card{margin:0;width:100%;box-shadow:none}.page-container.full-width{padding:var(--spacing-lg, 24px)}@media(max-width:768px){.main-content{margin-left:0}.page-content{padding:var(--spacing-md, 16px);padding-top:70px}}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-lg,[data-theme=dark] .ant-input-password,[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input-focused,[data-theme=dark] .ant-input-affix-wrapper-focused{background-color:#1a1a1a!important;color:#fff!important;border-color:#333!important}[data-theme=dark] .ant-input-affix-wrapper:hover,[data-theme=dark] .ant-input:hover,[data-theme=dark] .ant-input-affix-wrapper:focus,[data-theme=dark] .ant-input:focus{background-color:#1a1a1a!important;color:#fff!important;border-color:#00d4ff!important}[data-theme=dark] .ant-input::placeholder{color:#b0b0b0!important}[data-theme=dark] .ant-input[value]:not([value=""]),[data-theme=dark] .ant-input-affix-wrapper input,[data-theme=dark] .ant-input-affix-wrapper .ant-input,[data-theme=dark] .ant-input-password input,[data-theme=dark] .ant-input-password .ant-input{background-color:#1a1a1a!important;color:#fff!important}[data-theme=dark] input.ant-input,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password]{background-color:#1a1a1a!important;color:#fff!important;border-color:#333!important}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a1a1a inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#1a1a1a!important}#root{width:100%;height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);font-size:24px;color:#00d4ff;font-weight:500}.loading-screen .spinner{margin-left:16px;border:4px solid #00d4ff;border-top:4px solid transparent;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 6px;--radius-base: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04)}[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-base: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2)}.page-container{padding:var(--spacing-lg);min-height:100vh}.page-container.compact-help{padding:var(--spacing-md);min-height:auto;max-width:100%}.page-header{margin-bottom:var(--spacing-md)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.page-description{font-size:var(--font-size-base);margin:0;opacity:.8}.card-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-base);transition:box-shadow var(--transition-base)}.card-container:hover{box-shadow:var(--shadow-md)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}#root{display:flex;flex-direction:column;text-align:left}