*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #00000026}.auth-title{text-align:center;margin-bottom:32px}.auth-title h1{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.auth-title p{color:#666;font-size:14px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-card .stat-title{font-size:14px;color:#666;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#1a1a1a}.stat-card .stat-suffix{font-size:14px;color:#666;margin-left:4px}:root{--landing-bg-primary: #0d1117;--landing-bg-secondary: #161b22;--landing-surface: rgba(30, 41, 59, .8);--landing-surface-hover: rgba(30, 41, 59, .95);--landing-border: rgba(99, 102, 241, .3);--landing-border-hover: rgba(99, 102, 241, .5);--landing-accent-cyan: #22d3ee;--landing-accent-purple: #a855f7;--landing-accent-blue: #6366f1;--landing-text-primary: #f1f5f9;--landing-text-secondary: #94a3b8;--landing-text-muted: #64748b}.landing-container{min-height:100vh;background:linear-gradient(135deg,var(--landing-bg-primary) 0%,var(--landing-bg-secondary) 100%);position:relative;overflow:hidden;display:flex;flex-direction:column}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.neural-grid{position:absolute;top:0;right:0;bottom:0;left:0}.neural-node{position:absolute;width:4px;height:4px;background:var(--landing-accent-cyan);border-radius:50%;opacity:.3;animation:neural-pulse 4s ease-in-out infinite;box-shadow:0 0 10px var(--landing-accent-cyan)}@keyframes neural-pulse{0%,to{opacity:.2;transform:scale(1);box-shadow:0 0 10px var(--landing-accent-cyan)}50%{opacity:.6;transform:scale(1.5);box-shadow:0 0 20px var(--landing-accent-cyan),0 0 40px var(--landing-accent-purple)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--landing-accent-purple) 0%,transparent 70%);top:-100px;right:-100px}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--landing-accent-cyan) 0%,transparent 70%);bottom:-50px;left:-50px}.landing-content{flex:1;display:flex;align-items:center;justify-content:center;gap:80px;padding:40px;position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%}.landing-hero{flex:1;max-width:500px}.hero-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-icon{font-size:32px;filter:drop-shadow(0 0 10px var(--landing-accent-cyan))}.logo-text{font-size:24px;font-weight:700;color:var(--landing-text-primary);letter-spacing:.5px}.hero-title{font-size:40px;font-weight:700;color:var(--landing-text-primary);line-height:1.3;margin-bottom:16px;background:linear-gradient(135deg,var(--landing-text-primary) 0%,var(--landing-accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--landing-text-secondary);margin-bottom:40px}.hero-features{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:12px;transition:all .3s ease}.feature-item:hover{background:var(--landing-surface-hover);border-color:var(--landing-border-hover);transform:translate(4px)}.feature-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(34,211,238,.5))}.feature-content{flex:1}.feature-title{font-size:16px;font-weight:600;color:var(--landing-text-primary);margin-bottom:4px}.feature-desc{font-size:14px;color:var(--landing-text-secondary)}.landing-auth{width:400px;flex-shrink:0}.landing-auth .auth-card{background:var(--landing-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--landing-border);border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d}.auth-tabs .ant-tabs-nav:before{border-bottom-color:var(--landing-border)!important}.auth-tabs .ant-tabs-tab{color:var(--landing-text-secondary)!important;font-size:16px;padding:8px 20px}.auth-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--landing-accent-cyan)!important}.auth-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,var(--landing-accent-cyan),var(--landing-accent-purple))!important;height:3px!important}.auth-form{margin-top:24px}.landing-input{background:#0f172acc!important;border:1px solid var(--landing-border)!important;border-radius:8px!important;color:var(--landing-text-primary)!important;height:48px!important}.landing-input:hover,.landing-input:focus{border-color:var(--landing-accent-cyan)!important;box-shadow:0 0 0 2px #22d3ee1a!important}.landing-input .ant-input{background:transparent!important;color:var(--landing-text-primary)!important}.landing-input .ant-input::placeholder{color:var(--landing-text-muted)!important}.landing-input .ant-input-password-icon{color:var(--landing-text-secondary)!important}.landing-input .ant-input:-webkit-autofill,.landing-input .ant-input:-webkit-autofill:hover,.landing-input .ant-input:-webkit-autofill:focus,.landing-input .ant-input:-webkit-autofill:active,.landing-auth .ant-input:-webkit-autofill,.landing-auth .ant-input:-webkit-autofill:hover,.landing-auth .ant-input:-webkit-autofill:focus,.landing-auth .ant-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(15,23,42,.8) inset!important;-webkit-text-fill-color:var(--landing-text-primary)!important;caret-color:var(--landing-text-primary)!important}.landing-input .input-icon{color:var(--landing-text-secondary);font-size:16px}.code-input-wrapper{display:flex;gap:12px}.code-input-wrapper .code-input{flex:1}.send-code-btn{height:48px!important;background:transparent!important;border:1px solid var(--landing-accent-cyan)!important;color:var(--landing-accent-cyan)!important;border-radius:8px!important;white-space:nowrap;padding:0 16px!important}.send-code-btn:hover:not(:disabled){background:#22d3ee1a!important}.send-code-btn:disabled{opacity:.5;cursor:not-allowed}.landing-btn{height:48px!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;background:linear-gradient(135deg,var(--landing-accent-blue) 0%,var(--landing-accent-purple) 100%)!important;border:none!important;box-shadow:0 4px 20px #6366f166!important;transition:all .3s ease!important}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6366f180!important}.auth-footer-link{text-align:center;margin-top:-8px}.auth-footer-link a{color:var(--landing-text-secondary);font-size:14px;transition:color .2s ease}.auth-footer-link a:hover{color:var(--landing-accent-cyan)}.landing-auth .ant-form-item-label>label{color:var(--landing-text-secondary)!important}.landing-auth .ant-form-item-explain-error{color:#f87171!important}.landing-footer{padding:20px 40px;text-align:center;color:var(--landing-text-muted);font-size:14px;position:relative;z-index:1}.footer-divider{margin:0 12px}.landing-footer a{color:var(--landing-text-secondary);transition:color .2s ease}.landing-footer a:hover{color:var(--landing-accent-cyan)}@media (max-width: 900px){.landing-content{flex-direction:column;gap:40px;padding:24px}.landing-hero{max-width:100%;text-align:center}.hero-logo{justify-content:center}.hero-title{font-size:28px}.hero-subtitle{margin-bottom:24px}.hero-features{gap:12px}.feature-item{padding:12px}.landing-auth{width:100%;max-width:400px}}@media (max-width: 480px){.landing-content{padding:16px}.hero-title{font-size:24px}.landing-auth .auth-card{padding:24px 20px}.code-input-wrapper{flex-direction:column}.send-code-btn{width:100%}}.dashboard-layout ::-webkit-scrollbar-track{background:#161b22}.dashboard-layout ::-webkit-scrollbar-thumb{background:#30363d}.dashboard-layout ::-webkit-scrollbar-thumb:hover{background:#484f58}.dashboard-layout{min-height:100vh;background:var(--landing-bg-primary)}.dashboard-layout>.ant-layout{background:var(--landing-bg-primary)}.dashboard-sidebar{background:var(--landing-bg-secondary)!important;border-right:1px solid var(--landing-border)!important}.dashboard-sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--landing-border);background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%)}.sidebar-logo-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--landing-accent-cyan))}.sidebar-logo-text{font-size:16px;font-weight:600;color:var(--landing-text-primary);letter-spacing:.5px}.dashboard-sidebar .ant-menu{background:transparent!important;border-right:none!important}.dashboard-sidebar .ant-menu-item{margin:4px 8px!important;border-radius:8px!important}.dashboard-sidebar .ant-menu-item-selected{background:linear-gradient(90deg,#6366f14d,#6366f11a)!important;border-left:3px solid var(--landing-accent-cyan)!important}.dashboard-sidebar .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--landing-accent-cyan);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--landing-accent-cyan)}.dashboard-sidebar .ant-menu-submenu-title{margin:4px 8px!important;border-radius:8px!important}.dashboard-sidebar .ant-menu-sub{background:transparent!important}.dashboard-header{padding:0 24px!important;background:#161b22e6!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--landing-border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.header-toggle-btn{color:var(--landing-text-secondary)!important}.header-toggle-btn:hover{color:var(--landing-accent-cyan)!important;background:#22d3ee1a!important}.header-user{cursor:pointer}.header-avatar{border:2px solid var(--landing-border)!important;box-shadow:0 0 10px #6366f14d}.header-username{color:var(--landing-text-primary)}.dashboard-content{margin:24px;padding:24px;background:#1e293b80;border-radius:12px;border:1px solid var(--landing-border)}.dashboard-layout .ant-typography{color:var(--landing-text-primary)!important}.dashboard-layout h4.ant-typography{background:linear-gradient(90deg,var(--landing-text-primary) 0%,var(--landing-accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-layout .ant-card{background:var(--landing-surface)!important;border:1px solid var(--landing-border)!important;border-radius:12px!important;transition:all .3s ease}.dashboard-layout .ant-card:hover{border-color:var(--landing-border-hover)!important;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.dashboard-layout .ant-card-head{border-bottom-color:var(--landing-border)!important;color:var(--landing-text-primary)!important}.dashboard-layout .ant-card-head-title{color:var(--landing-text-primary)!important}.dashboard-layout .ant-statistic-title{color:var(--landing-text-secondary)!important}.dashboard-layout .ant-statistic-content{color:var(--landing-text-primary)!important}.dashboard-layout .ant-statistic-content-prefix{color:var(--landing-accent-cyan)!important}.dashboard-layout .ant-statistic-content-suffix{color:var(--landing-text-secondary)!important}.dashboard-layout .ant-table{background:transparent!important}.dashboard-layout .ant-table-thead>tr>th{background:#1e293b!important;color:var(--landing-text-secondary)!important;border-bottom:1px solid var(--landing-border)!important}.dashboard-layout .ant-table-tbody>tr>td{border-bottom:1px solid rgba(99,102,241,.1)!important}.dashboard-layout .ant-table-tbody>tr:hover>td{background:#6366f11a!important}.dashboard-layout .ant-table-placeholder{background:transparent!important}.dashboard-layout .ant-empty-description{color:var(--landing-text-muted)!important}.dashboard-layout .ant-input,.dashboard-layout .ant-input-affix-wrapper,.dashboard-layout .ant-select-selector,.dashboard-layout .ant-picker{background:#0f172acc!important;border-color:var(--landing-border)!important;color:var(--landing-text-primary)!important}.dashboard-layout .ant-input:hover,.dashboard-layout .ant-input-affix-wrapper:hover,.dashboard-layout .ant-select-selector:hover,.dashboard-layout .ant-picker:hover{border-color:var(--landing-accent-cyan)!important}.dashboard-layout .ant-input:focus,.dashboard-layout .ant-input-affix-wrapper-focused,.dashboard-layout .ant-select-focused .ant-select-selector,.dashboard-layout .ant-picker-focused{border-color:var(--landing-accent-cyan)!important;box-shadow:0 0 0 2px #22d3ee1a!important}.dashboard-layout .ant-input::placeholder{color:var(--landing-text-muted)!important}.dashboard-layout .ant-input:-webkit-autofill,.dashboard-layout .ant-input:-webkit-autofill:hover,.dashboard-layout .ant-input:-webkit-autofill:focus,.dashboard-layout .ant-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(15,23,42,.8) inset!important;-webkit-text-fill-color:var(--landing-text-primary)!important;caret-color:var(--landing-text-primary)!important}.dashboard-layout .ant-btn-primary{background:linear-gradient(135deg,var(--landing-accent-blue) 0%,var(--landing-accent-purple) 100%)!important;border:none!important;box-shadow:0 4px 15px #6366f166!important}.dashboard-layout .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180!important}.dashboard-layout .ant-btn-default{background:transparent!important;border-color:var(--landing-border)!important;color:var(--landing-text-secondary)!important}.dashboard-layout .ant-btn-default:hover{border-color:var(--landing-accent-cyan)!important;color:var(--landing-accent-cyan)!important}.ant-modal-content{background:var(--landing-bg-secondary)!important;border:1px solid var(--landing-border)!important}.ant-modal-header{background:transparent!important;border-bottom-color:var(--landing-border)!important}.ant-modal-title{color:var(--landing-text-primary)!important}.ant-modal-close{color:var(--landing-text-secondary)!important}.ant-modal-close:hover{color:var(--landing-accent-cyan)!important}.ant-dropdown-menu{background:var(--landing-bg-secondary)!important;border:1px solid var(--landing-border)!important}.ant-dropdown-menu-item{color:var(--landing-text-secondary)!important}.ant-dropdown-menu-item:hover{background:#6366f11a!important;color:var(--landing-accent-cyan)!important}.dashboard-layout .ant-tabs-nav:before{border-bottom-color:var(--landing-border)!important}.dashboard-layout .ant-tabs-tab{color:var(--landing-text-secondary)!important}.dashboard-layout .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--landing-accent-cyan)!important}.dashboard-layout .ant-tabs-ink-bar{background:var(--landing-accent-cyan)!important}.dashboard-layout .ant-tag{background:#6366f133!important;border-color:var(--landing-border)!important;color:var(--landing-text-primary)!important}.dashboard-layout .ant-pagination-item{background:transparent!important;border-color:var(--landing-border)!important}.dashboard-layout .ant-pagination-item a{color:var(--landing-text-secondary)!important}.dashboard-layout .ant-pagination-item-active{border-color:var(--landing-accent-cyan)!important}.dashboard-layout .ant-pagination-item-active a{color:var(--landing-accent-cyan)!important}.ant-select-dropdown{background:var(--landing-bg-secondary)!important;border:1px solid var(--landing-border)!important}.ant-select-item{color:var(--landing-text-secondary)!important}.ant-select-item-option-selected{background:#6366f133!important;color:var(--landing-accent-cyan)!important}.ant-select-item-option-active{background:#6366f11a!important}.ant-popconfirm .ant-popover-inner{background:var(--landing-bg-secondary)!important;border:1px solid var(--landing-border)!important}.ant-popconfirm-message-title{color:var(--landing-text-primary)!important}.ant-message-notice-content{background:var(--landing-bg-secondary)!important;border:1px solid var(--landing-border)!important;color:var(--landing-text-primary)!important}