:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--primary-color: #6366f1;--primary-dark: #8b5cf6;--hero-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--hero-shadow: 0 10px 30px rgba(79, 70, 229, .22);--card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 24px rgba(99, 102, 241, .15);--radius-page: 20px;--radius-card: 16px;--radius-inner: 12px;--radius-control: 8px;--radius-pill: 999px;--border-radius: 14px;--border-radius-sm: 8px;--border-radius-xs: 4px;--border-radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--transition-fast: .2s ease;--transition-normal: .3s ease;--fs-caption: 12px;--fs-body: 14px;--fs-title: 16px;--fs-h2: 20px;--fs-h1: 24px;--fs-hero: 28px;--fw-normal: 400;--fw-medium: 500;--fw-strong: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.7;--elevation-1: 0 2px 12px rgba(0, 0, 0, .08);--elevation-2: 0 6px 20px rgba(0, 0, 0, .12);--elevation-3: 0 12px 32px rgba(0, 0, 0, .16);--bg-page: #f0f2f5;--surface: #ffffff;--surface-2: #fafbfc;--bg-hover: #f8f9ff;--bg-hover-strong: #f0f4ff;--bg-accent: #eef2ff;--border-color: #e2e8f0;--border-light: #f0f0f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #6b7280;--glass-bg: rgba(255, 255, 255, .8);--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--success-bg: rgba(22, 163, 74, .1);--warning-bg: rgba(245, 158, 11, .1);--danger-bg: rgba(239, 68, 68, .1)}html[data-theme=dark]{--bg-page: #141414;--surface: #1f1f1f;--surface-2: #262626;--bg-hover: #262626;--bg-hover-strong: #2d2d2d;--bg-accent: rgba(99, 102, 241, .18);--border-color: #303030;--border-light: #303030;--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .55);--glass-bg: rgba(31, 31, 31, .72);--card-shadow: 0 2px 12px rgba(0, 0, 0, .45);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .55);--elevation-1: 0 2px 12px rgba(0, 0, 0, .45);--elevation-2: 0 6px 20px rgba(0, 0, 0, .55);--elevation-3: 0 12px 32px rgba(0, 0, 0, .65);--hero-gradient: linear-gradient(135deg, #2b2764 0%, #43266b 100%);--hero-shadow: 0 8px 24px rgba(0, 0, 0, .5);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--success-bg: rgba(74, 222, 128, .16);--warning-bg: rgba(251, 191, 36, .16);--danger-bg: rgba(248, 113, 113, .16)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.hover-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal);border-radius:var(--border-radius)!important}.hover-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.gradient-card{background:var(--primary-gradient)!important;border:none!important;border-radius:var(--border-radius)!important}.ant-btn{transition:all var(--transition-fast)}.ant-btn-primary:hover{transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0)}.ant-input,.ant-input-password,.ant-select-selector{border-radius:var(--border-radius-sm)!important;transition:all var(--transition-fast)}.ant-input:focus,.ant-input-focused,.ant-input-password:focus,.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6366f133!important}.ant-card{border-radius:var(--border-radius);border:none;box-shadow:var(--card-shadow);transition:box-shadow var(--transition-normal)}.ant-tag{border-radius:6px}.ant-progress-line .ant-progress-bg{background:var(--primary-gradient)}.ant-modal-content{border-radius:var(--border-radius);overflow:hidden}.ant-modal-header{border-radius:var(--border-radius) var(--border-radius) 0 0}.ant-message-notice-content{border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026}.ant-dropdown-menu{border-radius:var(--border-radius-sm);box-shadow:0 6px 16px #0000001f}@media (max-width: 768px){.ant-btn{min-height:44px;min-width:44px}.ant-btn-sm{min-height:36px;min-width:36px}.ant-select-selector{min-height:44px!important}.ant-input{min-height:44px}.ant-list-item{padding:16px 12px!important}}.ant-list-item{transition:background-color var(--transition-fast),transform var(--transition-fast);border-radius:var(--border-radius-sm)}.ant-list-item:hover{background-color:var(--bg-hover)}.interactive-list-item{cursor:pointer}.interactive-list-item:hover{background-color:var(--bg-hover-strong);transform:translate(4px)}.ant-skeleton-content .ant-skeleton-title,.ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:6px}.ant-avatar{transition:transform var(--transition-fast)}.ant-tabs-tab{transition:color var(--transition-fast)}.ant-tabs-ink-bar{background:var(--primary-gradient)}.ant-table{border-radius:var(--border-radius);overflow:hidden}.ant-table-thead>tr>th{background:var(--surface-2)!important}.ant-table-tbody>tr{transition:background-color var(--transition-fast)}.ant-table-tbody>tr:hover>td{background-color:var(--bg-hover)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideIn .3s ease-out}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse{animation:pulse 2s infinite}@keyframes pulseSuccess{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}.pulse-success{animation:pulseSuccess 2s infinite}@keyframes kkFlash{0%{background-color:var(--bg-accent);box-shadow:0 0 0 2px var(--primary-color)}to{background-color:transparent;box-shadow:0 0 0 2px transparent}}.kk-flash{animation:kkFlash 1.3s ease;border-radius:var(--border-radius, 14px)}@media (prefers-reduced-motion: reduce){.pulse,.pulse-success,.kk-flash,.fade-in,.slide-in,.auth-pulse-dot{animation:none!important}}.ant-card{transition:box-shadow .22s ease,border-color .22s ease}.ant-card:hover{box-shadow:var(--card-shadow-hover)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.auth-hero{display:none!important}.auth-form-pane{justify-content:center!important}}.auth-pulse-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 8px #22d3ee;display:inline-block;animation:authPulse 1.6s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.device-card-clickable:hover{background:var(--surface-2, rgba(0,0,0,.02))}.device-card-clickable:active{background:var(--bg-accent, rgba(0,0,0,.04))}