@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";.dynamic-login-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:30%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.theme-switch-wrapper{position:absolute;top:30px;right:30px;z-index:10}.login-form-wrapper{position:relative;z-index:5;width:100%;max-width:450px;padding:20px}.login-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000026,0 0 0 1px #ffffff4d}.login-header{text-align:center;margin-bottom:32px}.logo-section{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-icon{font-size:48px;margin-bottom:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;font-weight:700;font-size:28px}.login-subtitle{color:#666;font-size:14px;margin-top:4px}.login-form{margin-bottom:24px}.login-input{height:50px;border-radius:12px;border:2px solid #e8e8e8;background:rgba(255,255,255,.8);transition:all .3s ease}.login-input:hover{border-color:#667eea;background:rgba(255,255,255,.9)}.login-input:focus,.login-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:rgba(255,255,255,1)}.input-icon{color:#667eea;font-size:16px}.login-button{height:50px;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-weight:600;font-size:16px;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.login-button:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.login-button:active{transform:translateY(0)}.demo-accounts{text-align:center;padding:20px;background:rgba(102,126,234,.05);border-radius:16px;border:1px solid rgba(102,126,234,.1);margin-bottom:24px}.demo-title{display:block;color:#667eea;font-weight:600;margin-bottom:12px;font-size:14px}.demo-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.demo-btn{padding:8px 16px;height:auto;font-size:13px;color:#667eea;background:rgba(255,255,255,.8);border:1px solid rgba(102,126,234,.2);border-radius:20px;transition:all .3s ease;font-weight:500}.demo-btn:hover{color:#5a6fd8;background:rgba(255,255,255,1);border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.login-footer{text-align:center;padding-top:16px;border-top:1px solid rgba(102,126,234,.1)}.login-footer .ant-typography{color:#999;font-size:12px}body.theme-dark .login-card{background:rgba(20,20,30,.95);border:1px solid rgba(255,255,255,.1)}body.theme-dark .login-input{background:rgba(255,255,255,.1);border-color:#fff3;color:#fff}body.theme-dark .login-input:hover{background:rgba(255,255,255,.15);border-color:#667eea}body.theme-dark .login-input:focus{background:rgba(255,255,255,.2)}body.theme-dark .login-subtitle{color:#ccc}body.theme-dark .demo-accounts{background:rgba(102,126,234,.1);border-color:#667eea33}body.theme-dark .demo-btn{background:rgba(255,255,255,.1);color:#667eea;border-color:#667eea4d}body.theme-dark .demo-btn:hover{background:rgba(255,255,255,.2)}body.theme-modern .dynamic-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}body.theme-modern .login-card{background:rgba(255,255,255,.98);box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff4d}@media (max-width: 768px){.login-form-wrapper{max-width:90%;padding:10px}.login-card{padding:30px 24px}.theme-switch-wrapper{top:20px;right:20px}.demo-buttons{flex-direction:column;gap:8px}.floating-shape{display:none}.forgot-password{text-align:center;margin-top:16px}.forgot-btn{color:#1890ff;font-size:14px}.forgot-password-modal .ant-modal-body{padding:24px}}.app-container{display:flex;min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.upload-message{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;animation:slidein .3s ease}.upload-message.success{background:rgba(52,211,153,.1);color:#059669;border:1px solid rgba(52,211,153,.2)}.upload-message.error{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}@keyframes slidein{0%{opacity:0;transform:translatey(-10px)}to{opacity:1;transform:translatey(0)}}.sidebar{width:280px;background:var(--gradient-card);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:100}.sidebar-header{padding:32px 24px;border-bottom:1px solid var(--border-color);text-align:center}.logo{display:flex;align-items:center;gap:12px}.logo-image{width:40px;height:40px;border-radius:8px;object-fit:contain}.logo-text h2{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.logo-text p{font-size:11px;color:var(--text-muted);margin:0}.nav-menu{padding:24px 16px}.nav-item{display:flex;align-items:center;gap:12px;padding:16px 20px;margin-bottom:8px;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);position:relative;overflow:hidden;font-weight:500}.nav-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--bg-hover);color:var(--primary-color);font-weight:600}.nav-item.active:before{transform:scaleY(1)}.main-content{flex:1;margin-left:280px;background:var(--bg-primary);min-height:100vh}.content-header{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.header-left h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.header-subtitle{color:var(--text-secondary);font-size:14px}.header-actions{display:flex;align-items:center;gap:24px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary);font-size:14px}.user-role{font-size:12px;color:var(--text-secondary)}.content-body{padding:32px}.dashboard-content{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:60px;height:60px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-trend{font-size:12px;color:var(--success-color);margin-top:4px;font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.chart-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all .3s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.chart-header{margin-bottom:20px}.chart-header h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:600}.pie-chart{display:flex;flex-direction:column;gap:12px}.pie-item{display:flex;align-items:center;gap:12px;padding:8px 0}.pie-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.pie-label{flex:1;font-size:14px;color:var(--text-secondary)}.pie-value{font-weight:600;color:var(--text-primary);font-size:14px}.bar-chart{display:flex;flex-direction:column;gap:16px}.bar-item{display:flex;align-items:center;gap:12px}.bar-label{min-width:60px;font-size:14px;color:var(--text-secondary);font-weight:500}.bar-container{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.bar-value{min-width:60px;text-align:right;font-size:12px;color:var(--text-primary);font-weight:600}.line-chart{height:120px;display:flex;align-items:flex-end;padding:16px 0}.trend-data{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%}.trend-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar{width:100%;background:var(--gradient-primary);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:20px}.trend-label{font-size:12px;color:var(--text-secondary);text-align:center}.quick-actions{margin-bottom:32px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px 0}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-weight:500}.action-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-grid{display:grid;grid-template-columns:1fr 350px;gap:32px}.content-main,.content-sidebar{min-width:0}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.card-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.task-list{padding:0}.task-item{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.task-item:hover{background:var(--bg-hover)}.task-item:last-child{border-bottom:none}.task-info{flex:1}.task-title{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:16px}.task-meta{display:flex;gap:16px;font-size:14px;color:var(--text-secondary)}.task-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:70px}.status-completed{background:rgba(82,196,26,.1);color:#52c41a}.status-in_progress{background:rgba(24,144,255,.1);color:#1890ff}.status-pending{background:rgba(250,173,20,.1);color:#faad14}.status-active{background:rgba(82,196,26,.1);color:#52c41a}.status-planning{background:rgba(19,194,194,.1);color:#13c2c2}.priority-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.priority-high{background:rgba(255,77,79,.1);color:#ff4d4f}.priority-medium{background:rgba(250,173,20,.1);color:#faad14}.priority-low{background:rgba(82,196,26,.1);color:#52c41a}.project-list{padding:24px}.project-item{margin-bottom:24px;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-light)}.project-item:last-child{margin-bottom:0}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-name{font-weight:600;color:var(--text-primary);font-size:16px}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:12px}.project-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.btn{padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:14px;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.content-header-actions{display:flex;gap:12px;margin-bottom:24px;justify-content:flex-end}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-light)}.data-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:14px}.data-table td{color:var(--text-secondary);font-size:14px}.data-table tr:hover{background:var(--bg-hover)}.dept-name{font-weight:500;color:var(--text-primary)}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.member-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.member-role{font-size:12px;color:var(--text-muted)}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-hover);color:var(--primary-color)}.btn-icon-correct{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:28px}.btn-icon-correct:hover{background:linear-gradient(135deg,#73d13d,#52c41a);transform:translateY(-1px);box-shadow:0 2px 8px #52c41a4d}.task-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-actions{display:flex;gap:12px;align-items:center}.tab-buttons{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.tab-button{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:500}.tab-button.active{background:var(--gradient-primary);color:#fff}.tab-button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:24px}.task-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all .3s ease}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-card-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.task-card-header .task-title{font-weight:600;color:var(--text-primary);font-size:16px}.task-actions{display:flex;gap:8px}.task-card-body{padding:20px}.task-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.task-meta{display:flex;justify-content:space-between;margin-bottom:16px;font-size:14px;color:var(--text-muted)}.task-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.task-progress .progress-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.task-progress .progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-secondary);font-weight:600;min-width:35px}.task-badges{display:flex;gap:8px;flex-wrap:wrap}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.team-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all .3s ease}.team-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-name{font-size:18px;font-weight:600;color:var(--text-primary)}.team-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.team-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.team-members{margin-bottom:16px}.members-list{display:flex;flex-wrap:wrap;gap:8px}.member-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:16px;font-size:12px;color:var(--text-secondary)}.member-chip .member-avatar{width:20px;height:20px;font-size:10px}.team-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-muted)}.team-actions{display:flex;gap:8px}.employee-info{display:flex;align-items:center;gap:8px}.score-badge{padding:4px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:600;color:var(--text-primary)}.total-score{padding:6px 12px;border-radius:16px;font-weight:700;font-size:14px}.total-score.excellent{background:rgba(82,196,26,.1);color:#52c41a}.total-score.good{background:rgba(24,144,255,.1);color:#1890ff}.total-score.normal{background:rgba(250,173,20,.1);color:#faad14}.bonus-amount{font-weight:600;color:var(--success-color)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.course-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all .3s ease}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-name{font-size:18px;font-weight:600;color:var(--text-primary)}.course-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.course-info{margin-bottom:20px}.info-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.course-actions{display:flex;justify-content:space-between;align-items:center}.position-name{font-weight:500;color:var(--text-primary)}.level-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary)}.salary-amount,.rate-amount{font-weight:600;color:var(--success-color)}.work-schedule-content{max-width:1200px}.schedule-controls{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-weight:500;color:var(--text-primary);white-space:nowrap}.date-input,.member-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.week-range{font-size:14px;color:var(--text-secondary);font-weight:500}.schedule-table{overflow-x:auto}.schedule-table table{width:100%;border-collapse:collapse;min-width:800px}.schedule-table th,.schedule-table td{border:1px solid var(--border-light);padding:8px;text-align:center}.schedule-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:14px}.time-cell{background:var(--bg-tertiary);font-weight:500;color:var(--text-primary);width:80px}.schedule-cell{width:145px;height:40px;padding:4px}.schedule-slot{width:100%;height:100%;border-radius:4px;background:var(--bg-hover);transition:all .3s ease;cursor:pointer}.schedule-slot:hover{background:var(--primary-color);opacity:.7}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.setting-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all .3s ease}.setting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setting-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.setting-header h3{margin:0 0 4px;color:var(--text-primary);font-size:18px;font-weight:600}.setting-header p{margin:0;color:var(--text-secondary);font-size:14px}.setting-actions{display:flex;justify-content:flex-end}.task-title-cell{max-width:200px}.task-name{font-weight:500;color:"white";margin-bottom:4px}.task-desc{font-size:12px;color:var(--text-muted);line-height:1.3}.progress-cell{display:flex;align-items:center;gap:8px;min-width:100px}.points-badge{padding:4px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:600;color:var(--primary-color)}.team-name-cell{font-weight:500;color:var(--text-primary)}.team-desc-cell{max-width:200px;font-size:14px;color:var(--text-secondary);line-height:1.4}.members-cell{display:flex;flex-wrap:wrap;gap:4px;max-width:150px}.member-tag{padding:2px 6px;background:var(--bg-tertiary);border-radius:8px;font-size:11px;color:var(--text-secondary);white-space:nowrap}.performance-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.month-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;min-width:120px}.performance-charts{margin-bottom:24px}.chart-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.chart-card h3{margin:0 0 20px;color:var(--text-primary);font-size:18px;font-weight:600}.score-chart{display:flex;flex-direction:column;gap:16px}.score-item{display:flex;align-items:center;gap:12px}.score-label{min-width:80px;font-size:14px;color:var(--text-secondary);font-weight:500}.score-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.score-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.score-value{min-width:40px;text-align:right;font-weight:600;color:var(--text-primary);font-size:14px}.schedule-calendar{overflow-x:auto}.calendar-header{display:grid;grid-template-columns:100px repeat(7,1fr);border-bottom:2px solid var(--border-color);background:var(--bg-tertiary)}.time-column{padding:16px 12px;font-weight:600;color:var(--text-primary);text-align:center;border-right:1px solid var(--border-light)}.day-column{padding:12px;text-align:center;border-right:1px solid var(--border-light)}.day-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.day-date{font-size:12px;color:var(--text-secondary)}.calendar-body{min-height:400px}.daily-schedules{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-light)}.day-schedule{background:var(--bg-secondary);padding:12px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.day-tasks{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.task-block{padding:8px;border-radius:6px;color:#fff;font-size:12px;line-height:1.3;text-align:center;width:100%}.task-time{font-weight:600;margin-bottom:2px}.task-name{margin-bottom:2px}.task-type{font-size:10px;opacity:.9}.empty-day{text-align:center;color:var(--text-muted);font-size:12px;padding:20px}.no-member-selected{text-align:center;padding:60px 20px;color:var(--text-secondary)}.schedule-stats{display:flex;justify-content:space-around;padding:20px;background:var(--bg-tertiary);border-radius:12px;margin-top:16px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.course-name-cell{max-width:200px}.course-title{font-weight:500;color:var(--text-primary);margin-bottom:4px}.course-desc{font-size:12px;color:var(--text-muted);line-height:1.3}.instructor-info{display:flex;align-items:center;gap:8px}.duration-badge{padding:4px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:600;color:var(--primary-color)}.students-count{font-weight:500;color:var(--text-primary)}.rating-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.rating-score{font-weight:600;color:var(--text-primary)}.rating-stars{display:flex;gap:2px}.star{font-size:12px;opacity:.3}.star.filled{opacity:1}.my-courses-content{display:flex;flex-direction:column;gap:24px}.progress-cell{display:flex;flex-direction:column;gap:4px;min-width:120px}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-secondary);text-align:right}.course-detail-content{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item label{font-weight:500;color:var(--text-secondary);font-size:14px}.detail-item div{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--gradient-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-form{padding:32px}.modal-form h3{margin:0 0 24px;color:var(--text-primary);font-size:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.form-group input.disabled-input{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.readonly-info{padding:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.5}.salary-details>div{margin-bottom:4px}.salary-details>div:last-child{margin-bottom:0}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.required{color:#ff4d4f;font-weight:700}.member-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-light)}.member-checkbox{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;color:var(--text-secondary)}.member-checkbox:hover{background:var(--bg-hover);color:var(--text-primary)}.member-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.member-checkbox input[type=checkbox]:checked+span{color:var(--primary-color);font-weight:500}@media (max-width: 768px){.form-row,.member-selector{grid-template-columns:1fr}}.confirm-dialog{max-width:400px;width:90%}.confirm-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-light)}.confirm-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.confirm-body{padding:20px 24px}.confirm-body p{margin:0;color:var(--text-secondary);line-height:1.6}.confirm-actions{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.btn-danger{background:#ff4d4f;color:#fff;border:1px solid #ff4d4f;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-danger:hover{background:#ff7875;border-color:#ff7875;transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4f4d}.org-chart-modal{max-width:800px;width:95%}.org-chart-container{max-height:500px;overflow:auto;padding:20px;background:var(--bg-tertiary);border-radius:12px;margin:20px 0}.org-chart{display:flex;flex-direction:column;align-items:center;gap:30px}.org-node{display:flex;flex-direction:column;align-items:center;position:relative}.org-card{background:var(--gradient-card);border:2px solid var(--border-color);border-radius:12px;padding:16px;text-align:center;min-width:150px;box-shadow:var(--shadow-md);transition:all .3s ease}.org-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.org-title{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:16px}.org-manager{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.org-count{font-size:12px;color:var(--primary-color);font-weight:600}.org-children{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;justify-content:center}.top-level .org-card{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color)}.top-level .org-title{color:#fff}.top-level .org-manager,.top-level .org-count{color:#ffffffe6}.course-schedule-modal{max-width:900px;width:95%}.course-schedule-container{max-height:600px;overflow:auto;margin:20px 0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.calendar-controls{display:flex;align-items:center;gap:16px}.calendar-grid{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-tertiary)}.weekday{padding:12px;text-align:center;font-weight:600;color:var(--text-primary);border-right:1px solid var(--border-light)}.weekday:last-child{border-right:none}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:100px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:8px;background:var(--bg-secondary)}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:var(--bg-tertiary);opacity:.5}.day-number{font-weight:600;color:var(--text-primary);margin-bottom:4px}.day-courses{display:flex;flex-direction:column;gap:2px}.course-item{background:var(--primary-color);color:#fff;padding:2px 4px;border-radius:4px;font-size:10px;line-height:1.2}.course-time{font-weight:600}.course-name{margin:1px 0}.course-instructor{opacity:.9}.global-schedule-view{width:100%;overflow-x:auto}.global-schedule-view .schedule-table{width:100%;min-width:800px}.global-schedule-view table{width:100%;border-collapse:collapse}.global-schedule-view th,.global-schedule-view td{border:1px solid var(--border-light);padding:12px 8px;text-align:center;vertical-align:top}.global-schedule-view th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.date-small{font-size:12px;color:var(--text-secondary);font-weight:400}.member-cell{text-align:left!important;min-width:120px}.day-schedule-summary{display:flex;flex-direction:column;gap:4px;min-height:60px}.schedule-item{padding:4px 6px;border-radius:4px;color:#fff;font-size:11px;line-height:1.2}.schedule-time{font-weight:600;margin-bottom:2px}.schedule-task{font-size:10px;opacity:.9}.no-schedule{color:var(--text-muted);font-size:12px;padding:0}.loading-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);min-height:300px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-data{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}.empty-container .icon{color:var(--text-muted);margin-bottom:16px}.status-badge.status-active{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.status-inactive{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-light)}.bonus-modal{background:var(--gradient-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;padding:32px}.bonus-modal h3{color:var(--text-primary);padding:0 0 16px;margin:0 0 24px;font-size:20px;font-weight:600;text-align:left;border-bottom:1px solid var(--border-light)}.bonus-modal .form-row{margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:20px}.bonus-modal .form-group{margin-bottom:0;position:relative}.bonus-modal label{display:flex;align-items:center;margin-bottom:8px;color:var(--text-primary);font-weight:600;font-size:14px;letter-spacing:.3px}.bonus-modal .required{color:#ff4d4f;margin-left:4px;font-weight:700}.bonus-modal input[type=number],.bonus-modal input[type=month],.bonus-modal select,.bonus-modal textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;transition:all .3s ease;font-family:inherit}.bonus-modal input[type=number]:focus,.bonus-modal input[type=month]:focus,.bonus-modal select:focus,.bonus-modal textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-color),.1);transform:translateY(-1px)}.bonus-modal input[type=number]:hover,.bonus-modal input[type=month]:hover,.bonus-modal select:hover,.bonus-modal textarea:hover{border-color:var(--primary-light)}.bonus-modal select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.bonus-modal textarea{min-height:100px;resize:vertical;line-height:1.5}.bonus-modal .input-with-prefix,.bonus-modal .input-with-suffix{position:relative;display:flex;align-items:center}.bonus-modal .prefix,.bonus-modal .suffix{position:absolute;padding:12px;color:var(--text-secondary);font-weight:600;font-size:15px;pointer-events:none;z-index:1}.bonus-modal .prefix{left:0}.bonus-modal .suffix{right:0}.bonus-modal .input-with-prefix input,.bonus-modal .input-with-suffix input{padding-left:35px;padding-right:16px}.bonus-modal .input-with-suffix input{padding-left:16px;padding-right:35px}.bonus-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.bonus-modal .btn{padding:12px 24px;border-radius:8px;border:2px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:100px}.bonus-modal .btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.bonus-modal .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-1px)}.bonus-modal .btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.bonus-modal .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.bonus-modal .btn:active{transform:translateY(0)}@media (max-width: 768px){.bonus-modal{margin:16px;max-width:calc(100vw - 32px)}.bonus-modal h3{padding:16px 20px;font-size:18px}.bonus-modal .form-row{gap:16px}.bonus-modal .form-actions{flex-direction:column;gap:8px}.bonus-modal .btn{width:100%}}.modal-placeholder{padding:40px;text-align:center}.modal-placeholder h3{margin:0 0 12px;color:var(--text-primary);font-size:18px}.modal-placeholder p{margin:0 0 24px;color:var(--text-secondary)}.content-placeholder{text-align:center;padding:80px 20px;color:var(--text-secondary);font-size:18px;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md)}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr;gap:24px}.content-sidebar{order:-1}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.main-content{margin-left:0}.content-header{padding:16px 20px}.content-body{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.header-actions{gap:12px}.user-details{display:none}}body.theme-dark .stat-card:hover{box-shadow:var(--shadow-lg),var(--neon-glow)}body.theme-dark .nav-item:hover{box-shadow:inset 0 0 20px #00d4ff1a}body.theme-modern .stat-card,body.theme-modern .card{background:var(--gradient-card)}.schedule-dropdown{position:absolute;top:100%;left:0;z-index:1000;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:120px}.dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:12px;transition:background-color .2s}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:last-child{border-bottom:none}.schedule-cell{position:relative}.day-schedule-summary{cursor:pointer;min-height:40px;transition:background-color .2s}.day-schedule-summary:hover{background-color:#0000000d}.no-schedule{color:#999;font-size:12px;text-align:center;line-height:40px}.schedule-item-clickable,.task-block-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.schedule-item-clickable:hover,.task-block-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.schedule-item-clickable:active,.task-block-clickable:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.schedule-cell-clickable,.day-schedule-clickable{cursor:pointer;transition:background-color .2s}.schedule-cell-clickable:hover,.day-schedule-clickable:hover{background-color:#007bff0d}.schedule-cell-clickable:hover .add-schedule-icon,.day-schedule-clickable:hover .add-schedule-placeholder{opacity:1}.add-schedule-icon,.add-schedule-placeholder{opacity:.7;transition:opacity .2s}.add-schedule-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#007bff;font-size:14px}.add-schedule-placeholder .icon{margin-bottom:4px}.attendance-details{padding:20px 0}.attendance-records{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-primary)}.records-header{display:grid;grid-template-columns:1fr 1fr 1fr 2fr 1fr 1fr;gap:16px;padding:16px 20px;background:var(--bg-hover);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary);font-size:14px}.records-list{max-height:400px;overflow-y:auto}.record-row{display:grid;grid-template-columns:1fr 1fr 1fr 2fr 1fr 1fr;gap:16px;padding:16px 10px;border-bottom:1px solid var(--border-color);align-items:center;transition:background-color .2s ease}.record-row:hover{background:var(--bg-hover)}.record-row:last-child{border-bottom:none}.record-item{font-size:14px;color:var(--text-secondary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;min-width:60px}.status-badge.status-late{background:rgba(251,146,60,.1);color:#ea580c;border:1px solid rgba(251,146,60,.2)}.status-badge.status-early_leave{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-badge.status-absent{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge.status-leave{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.status-badge.status-normal{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.reduce-points{font-weight:600;color:#dc2626;font-size:16px}.attendance-details .loading-container,.attendance-details .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.attendance-details .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.attendance-details .empty-container p,.attendance-details .loading-container p{margin:0;color:var(--text-secondary);font-size:14px}.edit-attendance-form{display:flex;flex-direction:column;gap:16px}.edit-attendance-form .form-group{display:flex;flex-direction:column;gap:8px}.edit-attendance-form label{font-weight:500;color:var(--text-primary);font-size:14px}.edit-attendance-form input,.edit-attendance-form textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s,box-shadow .2s}.edit-attendance-form input:focus,.edit-attendance-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.edit-attendance-form .disabled-input{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.edit-attendance-form textarea{resize:vertical;min-height:80px}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;overflow-x:hidden;transition:all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--primary-color: #2563eb;--primary-light: #60a5fa;--primary-dark: #1d4ed8;--secondary-color: #64748b;--accent-color: #7c3aed;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-primary: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);--gradient-card: #ffffff;color:var(--text-primary);background:var(--bg-primary)}#root{height:100vh}body.theme-dark{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--primary-color: #00d4ff;--primary-light: #33ddff;--primary-dark: #0099cc;--secondary-color: #8b949e;--accent-color: #7c3aed;--success-color: #00ff88;--warning-color: #ffb800;--error-color: #ff4757;--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--border-light: #21262d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--gradient-card: linear-gradient(135deg, #161b22 0%, #21262d 100%);--neon-glow: 0 0 20px rgba(0, 212, 255, .3);color:var(--text-primary)}body.theme-modern{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;--primary-color: #8b5cf6;--primary-light: #c4b5fd;--primary-dark: #7c3aed;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #fef7ff;--bg-secondary: #ffffff;--bg-tertiary: #faf5ff;--bg-hover: #f3e8ff;--text-primary: #1e1b4b;--text-secondary: #6366f1;--text-muted: #a78bfa;--border-color: #e9d5ff;--border-light: #f3e8ff;--shadow-sm: 0 2px 4px 0 rgba(139, 92, 246, .1);--shadow-md: 0 8px 16px -4px rgba(139, 92, 246, .15), 0 4px 8px -2px rgba(139, 92, 246, .1);--shadow-lg: 0 16px 32px -8px rgba(139, 92, 246, .2), 0 8px 16px -4px rgba(139, 92, 246, .15);--shadow-xl: 0 24px 48px -12px rgba(139, 92, 246, .25), 0 16px 32px -8px rgba(139, 92, 246, .2);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #f59e0b 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #fef7ff 100%);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ant-layout{background:var(--bg-primary)!important}.ant-layout-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.ant-layout-sider{background:var(--bg-secondary)!important;border-right:1px solid var(--border-color)!important}.ant-menu{background:transparent!important;border:none!important}.ant-menu-item{color:var(--text-secondary)!important}.ant-menu-item:hover,.ant-menu-item-selected{background:var(--bg-hover)!important;color:var(--primary-color)!important}.ant-card{background:var(--gradient-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;border-radius:12px!important}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-sm)!important;border-radius:8px!important}.ant-btn-primary:hover{background:var(--primary-dark)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.ant-form-item-label>label{color:var(--text-primary)!important}.ant-input{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.ant-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #2563eb1a!important}.ant-table{background:var(--bg-secondary)!important}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light)!important;color:var(--text-secondary)!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-typography,.ant-typography-title{color:var(--text-primary)!important}.ant-typography-paragraph{color:var(--text-secondary)!important}.text-center{text-align:center}.text-right{text-align:right}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.page-container{padding:24px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.table-toolbar-left,.table-toolbar-right{display:flex;gap:8px}.status-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-success{background:rgba(5,150,105,.1);color:var(--success-color);border:1px solid rgba(5,150,105,.2)}.status-warning{background:rgba(217,119,6,.1);color:var(--warning-color);border:1px solid rgba(217,119,6,.2)}.status-error{background:rgba(220,38,38,.1);color:var(--error-color);border:1px solid rgba(220,38,38,.2)}.status-processing{background:rgba(37,99,235,.1);color:var(--primary-color);border:1px solid rgba(37,99,235,.2)}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-group{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.btn:hover{background:var(--bg-hover);color:var(--primary-color);border-color:var(--primary-color)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.page-container{padding:16px;margin:8px}.table-toolbar{flex-direction:column;gap:12px;align-items:stretch}.table-toolbar-left,.table-toolbar-right{justify-content:center}}