:root{--color-primary-50: #f0f0ff;--color-primary-100: #e0e1ff;--color-primary-200: #c7c8fe;--color-primary-300: #a5a5fc;--color-primary-400: #8182f8;--color-primary-500: #6364f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-50: #effef7;--color-accent-100: #d9fee9;--color-accent-200: #b5fbd5;--color-accent-300: #7bf5b6;--color-accent-400: #38e68e;--color-accent-500: #10d07a;--color-accent-600: #05b465;--color-accent-700: #048f52;--color-accent-800: #057145;--color-accent-900: #055e3a;--color-success-500: #10d07a;--color-success-600: #05b465;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-neutral-50: #fafafc;--color-neutral-100: #f4f4f8;--color-neutral-150: #ededf2;--color-neutral-200: #e4e4ec;--color-neutral-300: #d1d1dc;--color-neutral-400: #9b9bab;--color-neutral-500: #6e6e82;--color-neutral-600: #4e4e63;--color-neutral-700: #36364a;--color-neutral-800: #1e1e32;--color-neutral-900: #0f0f23;--sidebar-bg: #111827;--sidebar-bg-hover: #1f2937;--sidebar-bg-active: #1e1b4b;--sidebar-text: #c7c8fe;--sidebar-text-active: #ffffff;--sidebar-text-muted: #6b7280;--sidebar-border: #1f2937;--sidebar-accent: #6364f1;--bg-page: #f4f4f8;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-sunken: #fafafc;--text-primary: #1e1e32;--text-secondary: #4e4e63;--text-tertiary: #6e6e82;--text-disabled: #9b9bab;--text-inverse: #ffffff;--border-light: #f4f4f8;--border-default: #e4e4ec;--border-strong: #d1d1dc;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.06), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.06), 0 8px 10px -6px rgba(0,0,0,.04);--shadow-ring: 0 0 0 3px rgba(99,100,241,.15);--shadow-accent-ring: 0 0 0 3px rgba(16,208,122,.15);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .3s;--duration-modal: .36s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--antd-primary: #6364f1;--antd-primary-hover: #4f46e5;--antd-primary-active: #4338ca;--antd-success: #10d07a;--antd-warning: #f59e0b;--antd-error: #ef4444;--antd-info: #3b82f6;--antd-bg-layout: #f4f4f8;--antd-bg-container: #ffffff;--antd-border: #e4e4ec;--antd-text: #1e1e32;--antd-text-secondary: #4e4e63;--antd-radius: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-700)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.sidebar-container{width:240px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);transition:width var(--duration-normal) var(--ease-default);display:flex;flex-direction:column}.sidebar-logo{height:72px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo-collapsed{font-size:var(--text-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-full{text-align:left}.sidebar-toggle-btn-collapsed{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);font-size:var(--text-lg);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default)}.sidebar-toggle-btn-collapsed:hover{background:#ffffff1a;color:var(--color-primary-400)}.sidebar-logo-title{font-size:var(--text-xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.sidebar-logo-subtitle{font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:var(--space-1);letter-spacing:.5px}.sidebar-menu-scroll{flex:1;overflow-y:auto;padding:var(--space-2) 0}.sidebar-container .ant-menu-dark{background:transparent;color:var(--sidebar-text)}.sidebar-container .ant-menu-dark .ant-menu-item{margin:0 var(--space-2);border-radius:var(--radius-sm);height:40px;line-height:40px;transition:all var(--duration-fast) var(--ease-default)}.sidebar-container .ant-menu-dark .ant-menu-item:hover{background:#ffffff1a;color:var(--text-inverse)}.sidebar-container .ant-menu-dark .ant-menu-item-selected{background:#6364f126;color:var(--color-primary-300);box-shadow:inset 3px 0 0 var(--sidebar-accent)}.sidebar-container .ant-menu-dark .ant-menu-item-selected:hover{background:#6364f133}.sidebar-container .ant-menu-dark .ant-menu-submenu-title{margin:0 var(--space-2);border-radius:var(--radius-sm);height:40px;line-height:40px;transition:all var(--duration-fast) var(--ease-default)}.sidebar-container .ant-menu-dark .ant-menu-submenu-title:hover{background:#ffffff1a;color:var(--text-inverse)}.sidebar-container .ant-menu-item .anticon{font-size:var(--text-md)}.sidebar-container .ant-menu-submenu .ant-menu-item{padding-left:var(--space-12)!important;font-size:var(--text-sm)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn{width:32px;height:32px;border-radius:var(--radius-sm);color:var(--sidebar-text);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-default)}.sidebar-toggle-btn:hover{background:#ffffff1a;color:var(--text-inverse)}.sidebar-version{font-size:var(--text-xs);color:var(--color-neutral-500)}.layout-breadcrumb{font-size:var(--text-sm)}.layout-breadcrumb .ant-breadcrumb-link{color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-default)}.layout-breadcrumb .ant-breadcrumb-link:hover{color:var(--color-primary-600)}.layout-breadcrumb .ant-breadcrumb-separator{color:var(--color-neutral-400)}.layout-breadcrumb .ant-breadcrumb-item:last-child .ant-breadcrumb-link{color:var(--text-primary);font-weight:var(--font-medium)}.header-user-area{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default)}.header-user-area:hover{background:var(--color-neutral-100)}.header-user-avatar{font-size:18px;color:var(--color-primary-500);background:var(--color-primary-50);padding:var(--space-1);border-radius:50%}.header-user-text{display:flex;flex-direction:column;line-height:1.3}.header-user-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.header-user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.login-container{width:100vw;height:100vh;overflow:hidden;background:var(--bg-page)}.login-row{height:100%}.login-brand-col{height:100%;background:var(--sidebar-bg);position:relative;overflow:hidden}.login-brand-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-10);position:relative;z-index:2}.login-logo{margin-bottom:var(--space-6)}.logo-text{font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-title{color:#fff!important;margin-bottom:var(--space-4);font-weight:var(--font-semibold);text-shadow:0 2px 12px rgba(0,0,0,.5)}.login-slogan{color:#ffffffb3;font-size:var(--text-md);margin-bottom:var(--space-10)}.login-features{display:flex;gap:var(--space-10)}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.feature-icon{font-size:var(--text-xl)}.feature-text{color:#fffc;font-size:var(--text-sm)}.login-decoration{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(99,100,241,.1));z-index:1}.login-form-col{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.login-card{width:100%;max-width:480px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10)}.login-card-header{text-align:center;margin-bottom:var(--space-8)}.small-logo{font-size:var(--text-3xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-title{color:var(--text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--text-sm)}.login-btn{height:44px;font-size:var(--text-md);font-weight:var(--font-medium);border-radius:var(--radius-md);background:var(--color-primary-600);border-color:var(--color-primary-600);transition:all var(--duration-fast) var(--ease-default)}.login-btn:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-card .ant-input,.login-card .ant-input-password{border-radius:var(--radius-sm);height:40px;padding:0 12px;line-height:40px;box-sizing:border-box}.login-card .ant-input-password .ant-input{height:34px;line-height:34px;padding:0}.login-card .ant-input:focus,.login-card .ant-input-password:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-ring)}.login-footer{text-align:center;margin-top:var(--space-6)}.copyright{font-size:var(--text-xs)}.captcha-img-box{box-sizing:border-box;cursor:pointer;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;height:40px;width:120px;flex-shrink:0;background:#fafafa;position:relative;padding-left:2px}.captcha-img-box img{width:100%;height:100%;object-fit:contain;display:block}.captcha-refresh-icon{position:absolute;right:2px;top:2px;background:#fffc;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.login-brand-col{height:35%}.login-form-col{height:65%;padding:var(--space-4)}.login-card{padding:var(--space-6)}.login-title{font-size:var(--text-xl)}.login-slogan{font-size:var(--text-sm)}.login-features{gap:var(--space-6)}}