body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{position:fixed;top:0;left:240px;right:0;height:70px;background:white;border-bottom:1px solid#e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;transition:left.3s ease}.header-left{display:flex;align-items:center;flex:1;min-width:0}.header-center{position:absolute;left:50%;transform:translatex(-50%);display:flex;align-items:center;justify-content:center}.header-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.header-right{display:flex;align-items:center;flex-shrink:0}.user-dropdown{position:relative;cursor:pointer}.user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:background-color.2s ease}.user-info:hover{background-color:#f3f4f6}.user-avatar{width:32px;height:32px;border-radius:50%;background:#f0f9ff;display:flex;align-items:center;justify-content:center;color:#1890ff;border:1px solid#e0f2fe}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:14px;font-weight:500;color:#1f2937;line-height:1.2}.user-role{font-size:12px;color:#6b7280;line-height:1.2}.dropdown-arrow{display:flex;align-items:center;color:#6b7280;transition:transform.2s ease}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid#e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%);z-index:1000;animation:dropdownFadeIn.2s ease;margin-top:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translatey(-8px)}to{opacity:1;transform:translatey(0)}}.dropdown-item{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;border:none;background:none;color:#374151;font-size:14px;cursor:pointer;transition:background-color.2s ease}.dropdown-item:hover{background-color:#f3f4f6;color:#1f2937}.dropdown-item .anticon{color:#6b7280}.dropdown-item:hover .anticon{color:#ff4d4f}.dropdown-item:has(.anticon-reload) .anticon{color:#1890ff}.dropdown-item:has(.anticon-reload):hover .anticon{color:#40a9ff}.dropdown-user-info{display:flex;align-items:center;gap:12px;padding:16px 12px;border-bottom:1px solid#f0f0f0}.dropdown-user-avatar{width:40px;height:40px;border-radius:50%;background:#f0f9ff;display:flex;align-items:center;justify-content:center;border:1px solid#e0f2fe;flex-shrink:0}.dropdown-user-details{flex:1;min-width:0}.dropdown-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{font-size:12px;color:#6b7280;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-role{font-size:11px;color:#9ca3af;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background-color:#f0f0f0;margin:8px 0}.dropdown-item:disabled{cursor:not-allowed;opacity:.6;color:#d9d9d9}.dropdown-item:disabled:hover{background-color:transparent;color:#d9d9d9}.dropdown-item:disabled .anticon{color:#d9d9d9}.dropdown-item span{text-align:center}@media(max-width:768px){.header{left:0;padding:0 16px 0 70px;height:60px}.header-center{position:absolute;left:50%;transform:translatex(-50%);max-width:200px}.header-title{font-size:16px;max-width:180px}.user-info{gap:8px;padding:6px 10px}.user-avatar{width:28px;height:28px}.user-name{font-size:13px}.user-role{font-size:11px}.dropdown-arrow .anticon{font-size:12px}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;min-width:140px;z-index:1000}.dropdown-item{padding:12px 16px;font-size:14px}.dropdown-user-info{padding:12px 16px}.dropdown-user-avatar{width:36px;height:36px}.dropdown-user-name{font-size:13px}.dropdown-user-email{font-size:11px}.dropdown-user-role{font-size:10px}}@media(max-width:480px){.header{padding:0 8px 0 60px}.header-center{max-width:160px}.header-title{font-size:14px;max-width:150px}.user-details{display:none}.user-info{gap:0;padding:6px;margin-left:auto;cursor:pointer}.user-avatar{width:32px;height:32px}.dropdown-arrow{display:flex}.dropdown-arrow .anticon{font-size:12px}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;min-width:120px;z-index:1000;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.dropdown-item{padding:12px 16px;font-size:14px;border-radius:0}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}}@media(max-width:360px){.header{padding:0 4px 0 55px}.header-center{max-width:130px}.header-title{font-size:13px;max-width:120px}.user-avatar{width:28px;height:28px}}.sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid#e1e5e9;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:transform.3s ease}.sidebar-header{padding:20px;border-bottom:1px solid#e1e5e9;background:#fff;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1e293b}.logo .anticon{filter:drop-shadow(0 2px 4px rgba(52,152,219,.3))}.mobile-close-btn{display:none;background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all.2s ease}.mobile-close-btn:hover{background:#e2e8f0;color:#475569}.mobile-close-btn .anticon{font-size:18px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{margin:0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#64748b;text-decoration:none;transition:all.3s ease;border-left:3px solid transparent;font-size:14px;font-weight:500;width:100%;background:none;cursor:pointer;text-align:left}.nav-item:hover{background:#f1f5f9;color:#3498db}.nav-item.active{background:#eff6ff;color:#3498db;font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-icon .anticon{font-size:16px}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.nav-item-with-submenu{position:relative}.submenu-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform.3s ease;flex-shrink:0}.submenu-arrow .anticon{font-size:14px}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu{list-style:none;margin:0;padding:0;background:#fff;border-left:3px solid#e2e8f0;margin-left:20px;overflow:hidden;animation:slideDown.3s ease}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.submenu-item{display:flex;align-items:center;padding:10px 20px 10px 40px;color:#64748b;text-decoration:none;transition:all.3s ease;font-size:13px;font-weight:500;border-left:3px solid transparent}.submenu-item:hover{background:#f1f5f9;color:#3498db}.submenu-item.active{background:#eff6ff;color:#3498db;font-weight:600}.submenu-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.sidebar{width:280px;transform:translatex(-100%);box-shadow:2px 0 10px rgba(0,0,0,.1)}.sidebar.mobile-open{transform:translatex(0)}.mobile-close-btn{display:flex;align-items:center;justify-content:center}.sidebar-header{padding:16px 20px}.logo{font-size:16px}.nav-text{font-size:14px}.submenu-item{padding:10px 20px 10px 40px;font-size:13px}.nav-item{padding:14px 20px;font-size:14px}}@media(max-width:480px){.sidebar{width:100%;max-width:320px}.sidebar-header{padding:14px 16px}.logo{font-size:15px}.nav-item{padding:12px 16px;font-size:13px}.submenu-item{padding:10px 16px 10px 32px;font-size:12px}}.layout{display:flex;min-height:100vh;background:#fff;position:relative}.layout-header{background:#fff;border-bottom:1px solid#e1e5e9;padding:0 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;height:60px}.header-content h1{margin:0;color:#333;font-size:20px;font-weight:600}.user-info{display:flex;align-items:center;gap:16px}.user-info span{color:#666;font-size:14px}.logout-button{background:#f56565;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color.3s ease}.logout-button:hover{background:#e53e3e}.main-content{flex:1;margin-left:240px;margin-top:70px;min-height:calc(100vh - 70px);background:#fff;transition:margin-left.3s ease;overflow-x:hidden}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:#3498db;color:white;border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 4px 12px rgba(52,152,219,.3);transition:all.3s ease}.mobile-menu-toggle:hover{background:#2980b9;transform:translatey(-1px);box-shadow:0 6px 16px rgba(52,152,219,.4)}.mobile-menu-toggle .anticon{font-size:18px}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.main-content{margin-left:0;margin-top:60px;padding-top:20px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;top:12px;left:12px}.mobile-overlay{display:block}}@media(max-width:480px){.mobile-menu-toggle{top:10px;left:10px;padding:8px}.mobile-menu-toggle .anticon{font-size:16px}}@media(max-width:360px){.mobile-menu-toggle{top:8px;left:8px;padding:6px}.mobile-menu-toggle .anticon{font-size:14px}}.dashboard{padding:24px;background:#fff;min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid#f1f5f9;border-top:3px solid#1890ff;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#64748b;font-size:14px;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.error-container h3{margin:0;color:#1e293b;font-size:18px;font-weight:600}.error-container p{margin:0;color:#64748b;font-size:14px}.empty-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#d9d9d9}.empty-data p{margin:0;font-size:14px;color:#9ca3af}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;padding:20px;border:1px solid#e5e7eb;display:flex;align-items:center;gap:16px;min-height:100px}.stat-card:hover{border-color:#d1d5db}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#f8fafc;flex-shrink:0}.stat-icon .anticon{font-size:20px}.stat-content{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.stat-title{margin:0;font-size:14px;font-weight:500;color:#64748b}.stat-value{font-size:28px;font-weight:600;color:#1e293b;line-height:1}.dashboard-content{margin-top:32px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-card{background:#fff;border-radius:12px;border:1px solid#e5e7eb;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,5%)}.trend-card{grid-column:1/-1}.card-header{padding:20px 24px;border-bottom:1px solid#e5e7eb;background:#f9fafb}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-subtitle{display:block;margin-top:4px;font-size:13px;color:#64748b}.card-content{padding:24px}.chart-container{position:relative;width:100%;height:100%}.chart-container canvas{max-width:100%;height:auto!important}.content-card .card-content{padding:20px;min-height:320px;display:flex;align-items:center;justify-content:center}.trend-card{grid-column:1/-1;width:100%}.trend-card .card-content{padding:20px;min-height:400px;width:100%}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all.2s ease}.activity-item:hover{background:#f9fafb}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f1f5f9;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:14px;color:#374151;line-height:1.4;margin-bottom:2px}.activity-text strong{color:#1e293b;font-weight:600}.activity-time{font-size:12px;color:#6b7280}@media(max-width:1200px){.content-grid{grid-template-columns:1fr}.trend-card{grid-column:1}}@media(max-width:768px){.dashboard{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px;min-height:90px;gap:12px}.stat-icon{width:40px;height:40px}.stat-icon .anticon{font-size:18px}.stat-value{font-size:24px}.trend-chart{height:160px;gap:12px}.trend-bar{height:100px}.card-content{padding:16px}.card-header{padding:16px 20px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.login-card{background:#f8fafc;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.12);padding:40px;width:100%;max-width:480px;animation:slideUp.6s ease-out;border:1px solid#cbd5e1}@keyframes slideUp{0%{opacity:0;transform:translatey(30px)}to{opacity:1;transform:translatey(0)}}.login-header{text-align:center;margin-bottom:32px}.logo-container{margin-bottom:20px;display:flex;justify-content:center;align-items:center;width:100%}.company-logo{width:80px;height:80px;filter:drop-shadow(0 6px 12px rgba(52,152,219,.4));animation:pulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.login-header h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.login-header p{color:#64748b;font-size:14px;margin:0;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input{padding:14px 16px;border:1px solid#cbd5e1;border-radius:8px;font-size:14px;transition:all.3s ease;background:white;color:#1e293b}.form-group input:focus{outline:none;border-color:#3498db;background:white;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group input::placeholder{color:#999}.email-input-container{position:relative;display:flex;align-items:center}.email-icon{position:absolute;left:16px;width:18px;height:18px;z-index:1;pointer-events:none}.email-input-container input{padding-left:48px;width:100%;box-sizing:border-box}.verification-code-container{display:flex;gap:12px;align-items:flex-end}.verification-code-container input{flex:1;width:calc(100% - 112px);box-sizing:border-box}.send-code-button{background:#3498db;color:white;border:none;padding:14px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all.3s ease;white-space:nowrap;width:100px;flex-shrink:0}.send-code-button:hover:not(:disabled){background:#2980b9;transform:translatey(-1px);box-shadow:0 2px 8px rgba(52,152,219,.3)}.send-code-button:active:not(:disabled){transform:translatey(0)}.send-code-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:12px;font-size:14px;border:1px solid#fecaca;animation:shake.5s ease-in-out;font-weight:500}@keyframes shake{0%,to{transform:translatex(0)}25%{transform:translatex(-5px)}75%{transform:translatex(5px)}}.login-button{background:#3498db;color:white;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease;margin-top:8px;position:relative;overflow:hidden}.login-button:hover:not(:disabled){background:#2980b9;transform:translatey(-1px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.login-button:active:not(:disabled){transform:translatey(0)}.login-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.login-button.loading{background:#3498db;color:transparent}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid#cbd5e1}.login-footer p{color:#64748b;font-size:12px;margin:0;font-weight:500}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:24px;margin:10px}.login-header h1{font-size:24px}.logo-container{margin-bottom:16px}.company-logo{width:64px;height:64px}.login-button{padding:12px 20px;font-size:14px}}.login-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}:root{--primary-color:#3498db;--primary-hover:#2980b9;--primary-light:#e3f2fd;--primary-dark:#1f5f8b;--success-color:#10b981;--success-hover:#059669;--success-light:#d1fae5;--success-dark:#047857;--warning-color:#f59e0b;--warning-hover:#d97706;--warning-light:#fef3c7;--warning-dark:#b45309;--error-color:#ef4444;--error-hover:#dc2626;--error-light:#fee2e2;--error-dark:#b91c1c;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--bg-primary:#ffffff;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-muted:#e2e8f0;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px
    rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px
    rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px
    rgba(0, 0, 0, 0.04);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--duration-fast:0.15s;--duration-normal:0.2s;--duration-slow:0.3s;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.loading-text{font-size:14px;color:var(--text-secondary);margin-top:12px}.loading-dots{display:inline-block;animation:loadingDots 1.4s infinite}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.loading-skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-muted)50%,var(--bg-tertiary)75%);background-size:200%100%;animation:skeletonLoading 1.5s infinite;border-radius:4px}@keyframes skeletonLoading{0%{background-position:200%0}to{background-position:-200%0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:36px;width:80px;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all.2s;text-decoration:none}.btn .anticon{font-size:16px}.btn-icon .anticon{font-size:14px}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-add-user{padding:12px 24px;font-size:16px;font-weight:600;box-shadow:0 2px 8px rgba(52,152,219,.3);transition:all.3s ease}.btn-add-user:hover{transform:translatey(-2px);box-shadow:0 4px 16px rgba(52,152,219,.4)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-dark)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--error-color);color:white}.btn-danger:hover{background:var(--error-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:transparent;border-color:var(--border-medium)}.btn-sm{padding:6px 12px;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:modalSlideIn.3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translatey(10px)}to{opacity:1;transform:translatey(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid var(--border-light);padding-bottom:16px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all.2s}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-close svg{width:16px;height:16px}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group label.required:after{content:" *";color:var(--error-color)}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;transition:border-color.2s,box-shadow.2s;background:var(--bg-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.form-group input.error,.form-group select.error{border-color:var(--error-color);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group input:invalid,.form-group select:invalid{border-color:var(--error-color)}.form-group input:valid,.form-group select:valid{border-color:var(--success-color)}.error-message{color:var(--error-color);font-size:12px;margin-top:2px}.add-user-form{display:flex;flex-direction:column;gap:24px}.add-user-form .form-row,.add-user-form .form-group{margin-bottom:0}.add-user-form .form-group label{display:flex;align-items:center;gap:4px;margin-bottom:8px}.add-user-form .form-group label.required:after{content:" *";color:var(--error-color);font-weight:600}.add-user-form .form-group input,.add-user-form .form-group select{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:14px;transition:all.2s ease;background:var(--bg-primary)}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.add-user-form .form-group input::placeholder,.add-user-form .form-group select::placeholder{color:var(--text-muted)}.add-user-form .form-group input:invalid,.add-user-form .form-group select:invalid{border-color:var(--error-color)}.add-user-form .form-group input:valid,.add-user-form .form-group select:valid{border-color:var(--success-color)}.form-validation{margin-top:8px;padding:12px;background:var(--bg-secondary);border-radius:6px;border-left:4px solid var(--primary-color)}.form-validation h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-validation ul{margin:0;padding-left:20px;color:var(--text-secondary);font-size:13px}.form-validation li{margin-bottom:4px}.form-validation li.valid{color:var(--success-color)}.form-validation li.invalid{color:var(--error-color)}.form-submitting{opacity:.6;pointer-events:none}.form-submitting .btn{position:relative}.form-submitting .btn:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px 24px;color:var(--text-secondary)}.empty-state .anticon{margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);padding:16px 24px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.pagination-info{color:var(--text-secondary);font-size:14px}.pagination-info .filter-info{color:var(--primary-color);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.page-numbers{display:flex;gap:4px}.page-numbers .btn{min-width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.page-numbers .btn.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.page-numbers .btn:hover:not(.active){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.page-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-secondary);font-weight:500}.pagination .btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-disabled)}.pagination .btn:disabled:hover{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-disabled);transform:none}.users-table{width:100%;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border-light);table-layout:auto;min-width:800px}.users-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.users-table th{padding:16px 20px;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap}.users-table th:first-child{width:50px;text-align:center}.users-table th:nth-child(2){width:80px;min-width:70px;text-align:center}.users-table th:nth-child(3){width:200px;min-width:180px;text-align:center}.users-table th:nth-child(4){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(5){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(6){width:100px;min-width:80px;text-align:center}.users-table th:nth-child(7){width:140px;min-width:120px;text-align:center}.users-table th:nth-child(8){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(9){width:100px;min-width:80px;text-align:center}.users-table td{padding:16px 20px;border-bottom:1px solid var(--bg-secondary);font-size:14px;color:var(--text-secondary);white-space:nowrap}.users-table td:first-child{text-align:center}.users-table td:nth-child(2){text-align:center}.users-table td:nth-child(9){text-align:center}.users-table tbody tr:hover{background:var(--bg-secondary)}.users-table tbody tr:last-child td{border-bottom:none}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all.2s ease;position:relative;-webkit-user-select:none;user-select:none;min-width:60px;justify-content:center;border:1px solid;font-size:12px;font-weight:500;background:transparent}.status-toggle:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.status-toggle:active{transform:none;box-shadow:none}.status-toggle.active{background:#f0f8ff;color:#1890ff;border-color:#91d5ff}.status-toggle.active:hover{background:#e6f7ff;border-color:#40a9ff}.status-toggle.inactive{background:#fff2f0;color:#cf1322;border-color:#ffa39e}.status-toggle.inactive:hover{background:#ffccc7;border-color:#ff4d4f}.toggle-slider{width:12px;height:12px;border-radius:2px;background:currentColor;position:relative;transition:all.2s ease}.toggle-text{font-size:12px;font-weight:500;transition:all.2s ease}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:.5px;position:relative;transition:all.2s ease}.status-badge.active{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);color:#1890ff;border:1px solid#91d5ff;box-shadow:0 2px 4px rgba(24,144,255,.1)}.status-badge.active:before{content:"";width:6px;height:6px;background:#1890ff;border-radius:50%;margin-right:4px}.status-badge.inactive{background:linear-gradient(135deg,#fff2f0,#ffccc7);color:#cf1322;border:1px solid#ffa39e;box-shadow:0 2px 4px rgba(207,19,34,.1)}.status-badge.inactive:before{content:"";width:6px;height:6px;background:#ff4d4f;border-radius:50%;margin-right:4px}.status-badge.pending{background:linear-gradient(135deg,#fffbe6,#fff1b8);color:#d48806;border:1px solid#ffe58f;box-shadow:0 2px 4px rgba(212,136,6,.1)}.status-badge.pending:before{content:"";width:6px;height:6px;background:#faad14;border-radius:50%;margin-right:4px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.department-tag{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--border-light)}.role-tag{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--warning-color)}.search-container{position:relative;max-width:500px;min-width:300px}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;transition:all.2s ease;background:var(--bg-primary);box-sizing:border-box}.search-input::placeholder{color:var(--text-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-icon{position:absolute;left:16px;top:50%;transform:translatey(-50%);color:var(--text-secondary);font-size:16px}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all.2s ease}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.action-btn .anticon{font-size:14px}.filter-container{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:var(--bg-primary);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.filter-group select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;background:var(--bg-primary);min-width:120px}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.bulk-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary-light);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px}.bulk-actions .selected-count{font-size:14px;font-weight:500;color:var(--primary-dark)}.bulk-actions .btn{padding:6px 12px;font-size:13px}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--text-primary);color:white;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity.3s;font-size:12px;line-height:1.4}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-primary)transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.notification{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:white;font-size:14px;font-weight:500;z-index:1001;animation:slideInRight.3s ease-out}.notification.success{background:var(--success-color)}.notification.error{background:var(--error-color)}.notification.warning{background:var(--warning-color)}.notification.info{background:var(--primary-color)}@keyframes slideInRight{0%{transform:translatex(100%);opacity:0}to{transform:translatex(0);opacity:1}}@media(max-width:1200px)and (min-width:769px){.users-table-container{overflow-x:auto}.users-table{min-width:900px;width:100%}.users-table th,.users-table td{padding:12px 16px}.users-table th:first-child{width:50px;text-align:center}.users-table th:nth-child(2){width:220px;min-width:200px;text-align:left}.users-table th:nth-child(3){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(4){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(5){width:100px;min-width:80px;text-align:center}.users-table th:nth-child(6){width:140px;min-width:120px;text-align:center}.users-table th:nth-child(7){width:120px;min-width:100px;text-align:center}.users-table th:nth-child(8){width:100px;min-width:80px;text-align:center}.users-toolbar{padding:16px 20px}.search-box{max-width:400px;min-width:300px}.toolbar-actions{gap:10px}.btn{padding:10px 14px;font-size:13px}}@media(max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:none;width:100%}.form-row{grid-template-columns:1fr;gap:12px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}.pagination{flex-direction:column;gap:16px;text-align:center}.page-numbers{justify-content:center}.users-table{font-size:12px;min-width:auto}.users-table th,.users-table td{padding:12px 16px}.filter-container{flex-direction:column;align-items:stretch}.search-container{max-width:none;min-width:auto;width:100%}.search-input{width:100%;font-size:16px}.action-buttons{flex-wrap:wrap}.bulk-actions{flex-direction:column;align-items:stretch}.btn{padding:10px 16px;font-size:13px}.btn-sm{padding:6px 10px;font-size:11px}.form-group input,.form-group select{padding:12px 16px;font-size:16px}.loading-container{height:300px}.loading-spinner{width:32px;height:32px}.loading-text{font-size:13px}}@media(max-width:480px){.pagination{flex-direction:column;gap:12px}.page-numbers{justify-content:center}.users-table{display:block;overflow-x:auto}.notification{left:20px;right:20px;top:10px}.modal-overlay{padding:12px}.modal-content{border-radius:8px}.modal-header{padding:16px 20px 12px}.modal-body{padding:20px}.modal-footer{padding:12px 20px 20px}.btn{padding:12px 20px;font-size:14px}.form-group label{font-size:13px}.form-group input,.form-group select{padding:14px 16px;font-size:16px}.search-input{padding:14px 16px 14px 44px;font-size:16px}.tooltip .tooltip-text{width:160px;font-size:11px;padding:6px 10px}}@media(min-width:769px)and (max-width:1024px){.form-row{grid-template-columns:1fr 1fr;gap:20px}.modal-content{max-width:700px}.users-table th,.users-table td{padding:14px 18px}.btn{padding:10px 18px}}@media(min-width:1025px){.modal-content{max-width:800px}.form-row{grid-template-columns:1fr 1fr;gap:24px}.users-table th,.users-table td{padding:18px 24px}.btn{padding:12px 24px}}@media(resolution:2dppx){.loading-spinner{border-width:2px}.loading-spinner-small{border-width:1.5px}.btn,.form-group input,.form-group select{border-width:1px}}@media print{.modal-overlay,.notification,.tooltip,.btn,.action-buttons,.pagination,.filter-container,.search-container{display:none!important}.users-table{border:1px solid#000}.users-table th,.users-table td{border:1px solid#000;padding:8px}.user-avatar{border:1px solid#000}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.form-group input:focus,.form-group select:focus,.search-input:focus,.password-input-wrapper input:focus,.action-btn:focus,.modal-close:focus,.password-toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:more){.btn,.form-group input,.form-group select{border-width:2px}.users-table th,.users-table td{border:1px solid#000}.status-badge,.tag{border-width:2px}}.btn:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.search-input:focus-visible,.action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.btn{transition:all var(--duration-normal)var(--ease-out)}.form-group input,.form-group select{transition:border-color var(--duration-normal)var(--ease-out),box-shadow var(--duration-normal)var(--ease-out)}.modal-content{transition:transform var(--duration-slow)var(--ease-out)}}.users-page{padding:24px;background:var(--bg-secondary);min-height:calc(100vh - 120px);padding-top:32px}.users-container{max-width:100%}.table-card{margin-top:16px}.table-card .ant-card-body{padding:24px}.resize-handle{position:absolute;right:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:1;background:transparent}.resize-handle:hover{background:rgba(24,144,255,.2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-primary);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.loading-container .anticon{color:var(--primary-color);margin-bottom:16px}.loading-container p{color:var(--text-secondary);font-size:14px;margin:0}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:var(--bg-primary);padding:24px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.users-nav-tabs{display:flex;background:var(--bg-primary);border-radius:12px;padding:6px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,8%);gap:6px;border:1px solid var(--border-light)}.nav-tab{display:flex;align-items:center;gap:10px;padding:14px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all.2s ease;flex:1;text-align:left;position:relative;overflow:hidden;min-height:60px}.nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translatey(-1px);box-shadow:0 2px 4px rgba(0,0,0,5%)}.nav-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;color:white!important;box-shadow:0 4px 12px rgba(52,152,219,.25);transform:translatey(-2px);border:1px solid rgba(255,255,255,.2)}.nav-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,5%));pointer-events:none;border-radius:8px}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.tab-icon .anticon{font-size:16px}.tab-content{display:flex;flex-direction:column;gap:1px;flex:1}.tab-name{font-weight:600;font-size:14px;line-height:1.2}.nav-tab.active .tab-name{color:white!important;text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:700}.tab-description{font-size:11px;opacity:.7;line-height:1.2}.nav-tab.active .tab-description{color:rgba(255,255,255,.95)!important;text-shadow:0 1px 2px rgba(0,0,0,.15);font-weight:500}.nav-tab.active .tab-icon .anticon{color:white!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.tab-content-area{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;border:1px solid#e2e8f0;transition:all.3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translatey(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#3498db}.stat-card:hover .stat-change.positive{background:#bbf7d0;transform:scale(1.05)}.stat-card:hover .stat-change.negative{background:#fecaca;transform:scale(1.05)}.stat-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;color:white}.stat-icon .anticon{font-size:24px}.stat-content{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.stat-content .stat-number{margin-bottom:0;flex:1}.stat-content .stat-label{flex:1;text-align:center}.stat-change{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;transition:all.2s ease;min-width:32px;justify-content:center}.stat-change.positive{background:#dcfce7;color:#166534}.stat-change.negative{background:#fef2f2;color:#dc2626}.stat-number{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#64748b;font-weight:500}.chart-container{background:#f8fafc;border-radius:12px;padding:40px;text-align:center;border:2px dashed#e2e8f0}.chart-placeholder h3{margin:16px 0 8px;color:#374151;font-size:18px}.chart-placeholder p{color:#64748b;margin:0}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--bg-primary);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border-light)}.toolbar-left{display:flex;align-items:center;gap:20px;flex:1}.search-box{position:relative;max-width:680px;min-width:360px;flex-shrink:0;display:flex;align-items:center;gap:8px}.search-box .anticon{position:absolute;left:16px;top:50%;transform:translatey(-50%);color:var(--text-secondary);font-size:16px;z-index:1;pointer-events:none}.search-box input,.search-box .ant-input{flex:1;padding:12px 16px 12px 44px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;transition:all.2s ease;background:var(--bg-primary);box-sizing:border-box}.search-btn{padding:12px 20px;background:var(--primary-color);color:white;border:1px solid var(--primary-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all.2s ease;white-space:nowrap}.search-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.search-box input::placeholder{color:var(--text-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-box:focus-within .search-btn{border-color:var(--primary-color)}.filter-summary{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--primary-light);border:1px solid var(--border-light);border-radius:8px}.filter-count{font-size:14px;font-weight:500;color:var(--primary-dark)}.clear-filter-btn{padding:4px 8px;border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--primary-dark);border-radius:4px;font-size:12px;cursor:pointer;transition:all.2s ease}.clear-filter-btn:hover{background:var(--primary-dark);color:white}.toolbar-actions{display:flex;align-items:center;gap:12px}.mobile-select-all{display:none}.mobile-select-all label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.mobile-select-all input[type=checkbox]{width:16px;height:16px}.batch-actions{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--primary-light);border:1px solid var(--border-light);border-radius:8px}.selected-count{font-size:14px;font-weight:500;color:var(--primary-dark)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--error-color);color:white;border-radius:50%;font-size:12px;font-weight:600;margin-left:6px}.users-table-container{background:var(--bg-primary);border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border-light);margin-bottom:24px;position:relative;width:100%;max-width:100%}.user-info{display:flex;align-items:center;gap:12px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.2}.user-id-cell{font-size:15px;color:#1e293b;font-weight:500;font-family:"Courier New",monospace}.user-username{font-size:14px;color:#1e293b;font-weight:500;font-family:"Courier New",monospace}.user-account{font-size:12px;color:#64748b;line-height:1.2;font-weight:500}.user-email{font-size:12px;color:#64748b;line-height:1.2}.user-phone{font-size:12px;color:#94a3b8;line-height:1.2}.user-hospital{font-size:12px;color:#64748b;line-height:1.2;font-style:italic}@media(max-width:768px){.users-toolbar{flex-direction:column;gap:16px;align-items:stretch}.toolbar-left{flex-direction:column;gap:12px}.search-box{max-width:none;min-width:auto;width:100%}.search-box input{width:100%;font-size:16px}.toolbar-actions{flex-wrap:wrap;gap:8px}.mobile-select-all{display:block;order:-1}.batch-actions{flex-direction:column;align-items:stretch;gap:8px}.users-table{display:block!important;overflow-x:visible!important;width:100%!important;max-width:100%!important}.users-table thead{display:none!important}.users-table tbody{display:block!important;width:100%!important}.users-table tbody tr{display:block!important;border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;padding:16px;background:var(--bg-primary);width:100%!important;box-sizing:border-box!important;max-width:100%!important;min-width:0!important}.users-table-container{overflow-x:visible!important;width:100%!important;max-width:100%!important}.users-table tbody td{display:flex!important;align-items:flex-start;padding:12px 0;border:none;border-bottom:1px solid var(--bg-secondary);gap:16px;width:100%!important;box-sizing:border-box!important;max-width:100%!important;min-width:0!important}.users-table tbody td:last-child{border-bottom:none}.users-table tbody td:before{content:attr(data-label)": ";font-weight:600;color:var(--text-primary);min-width:90px;flex-shrink:0;margin-top:2px;font-size:14px;padding-right:8px}.user-info{display:flex!important;align-items:center;gap:14px;flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important}.user-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-details{flex:1;min-width:0;overflow:hidden}.user-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account,.user-email,.user-phone{font-size:12px;color:var(--text-secondary);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-hospital{font-size:11px;color:var(--text-secondary);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.action-buttons{display:flex;gap:8px;flex-shrink:0;justify-content:flex-start}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all.2s;flex-shrink:0}.btn-icon.btn-primary:hover{background:var(--primary-color);color:white}.btn-icon.btn-danger:hover{background:var(--error-color);color:white}.department-tag,.role-tag,.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;margin-left:4px}.department-tag{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary-color)}.role-tag{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--warning-color)}.status-badge.active{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success-color)}.status-badge.inactive{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error-color)}}@media(max-width:480px){.users-page{padding:8px}.users-toolbar{padding:12px}.search-box{max-width:none;min-width:auto}.search-box input{padding:14px 16px 14px 44px;font-size:16px}.filter-summary{flex-direction:column;align-items:stretch;gap:8px}.batch-actions{padding:12px}.users-table tbody tr{padding:10px;margin-bottom:10px;border-radius:6px}.users-table tbody td{padding:8px 0;gap:12px}.users-table tbody td:before{min-width:70px;font-size:13px;padding-right:6px}.user-info{gap:10px}.user-avatar{width:36px;height:36px;font-size:14px}.user-name{font-size:14px}.user-email,.user-phone{font-size:11px}.department-tag,.role-tag,.status-badge{padding:4px 8px;font-size:11px;max-width:110px;margin-left:2px}.action-buttons{gap:6px;justify-content:flex-start}.btn-icon{width:26px;height:26px}}.permission-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border:1px solid#e2e8f0}.permission-stat-item{text-align:center;padding:16px;background:white;border-radius:8px;border:1px solid#e2e8f0;transition:all.3s ease}.permission-stat-item:hover{transform:translatey(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#3498db}.permission-stat-item .stat-number{font-size:28px;font-weight:700;color:#3498db;line-height:1;margin-bottom:8px}.permission-stat-item .stat-label{font-size:14px;color:#64748b;font-weight:500}.permission-section{background:#f8fafc;border-radius:8px;padding:20px;margin-top:16px}.permission-group{margin-bottom:24px}.permission-group h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.permission-group h4 .anticon{color:#3498db}.permission-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid#e5e7eb;border-radius:6px;cursor:pointer;transition:all.2s}.permission-item:hover{border-color:#3498db;background:#f0f9ff}.permission-item input[type=checkbox]{margin:0}.permission-item label{margin:0;cursor:pointer;font-size:14px;color:#374151;flex:1}.permission-item.checked{background:#ecfdf5;border-color:#10b981}.permission-item.checked label{color:#065f46;font-weight:500}.permission-packages{margin-bottom:24px}.permission-packages h4{margin:0 0 16px;font-size:16px;font-weight:600;color:rgba(0,0,0,.88)}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.permission-package{border:1px solid#d9d9d9;border-radius:8px;padding:16px;cursor:pointer;transition:all.2s ease;background:white}.permission-package:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(64,169,255,.15)}.permission-package.selected{border-color:#1890ff;background:#f0f9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-left:12px;border-left:3px solid}.package-header h5{margin:0;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.package-count{font-size:12px;color:rgba(0,0,0,.45);background:#f5f5f5;padding:2px 8px;border-radius:4px}.package-description{margin:0 0 12px;font-size:12px;color:rgba(0,0,0,.65);line-height:1.4}.package-actions{display:flex;justify-content:flex-end}.package-status{font-size:12px;color:rgba(0,0,0,.45);padding:4px 8px;border-radius:4px;background:#f5f5f5}.package-status.selected{color:#1890ff;background:#e6f7ff;border:1px solid#91d5ff}.permission-pool{border-top:1px solid#f0f0f0;padding-top:24px}.permission-pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.permission-pool-header h4{margin:0;font-size:16px;font-weight:600;color:rgba(0,0,0,.88)}.pool-actions{display:flex;align-items:center;gap:12px}.pool-actions .selected-count{font-size:13px;color:#1890ff;font-weight:500}.permission-categories{display:flex;flex-direction:column;gap:20px}.permission-category{border:1px solid#f0f0f0;border-radius:8px;overflow:hidden;background:white}.permission-category h5{background:#fafafa;padding:12px 16px;margin:0;font-size:14px;font-weight:600;color:rgba(0,0,0,.88);border-bottom:1px solid#f0f0f0;display:flex;align-items:center;gap:8px}.permission-category h5 .anticon{color:#8c8c8c;font-size:16px}.permission-category .permission-list{padding:16px;display:flex;flex-direction:column;gap:12px;grid-template-columns:1fr}.permission-category .permission-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:6px;transition:all.2s ease;border:1px solid transparent;background:white;margin:0}.permission-category .permission-item:hover{background:#fafafa;border-color:#f0f0f0}.permission-category .permission-item input[type=checkbox]{margin:0;margin-top:2px;flex-shrink:0}.permission-category .permission-item label{flex:1;cursor:pointer;margin:0;display:flex;flex-direction:column;gap:4px}.permission-name{font-size:14px;font-weight:500;color:rgba(0,0,0,.88);line-height:1.4}.permission-description{font-size:12px;color:rgba(0,0,0,.45);line-height:1.4}.permission-category .permission-item:has(input:checked){background:#f6ffed;border-color:#b7eb8f}.permission-category .permission-item:has(input:checked) .permission-name{color:#52c41a;font-weight:600}.permission-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid#e2e8f0}.permission-filters .search-box{width:100%;max-width:400px}.permission-filters .search-box input{width:100%;padding:10px 16px;border:1px solid#d1d5db;border-radius:6px;font-size:14px;transition:border-color.2s ease}.permission-filters .search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid#d1d5db;border-radius:6px;background:white;color:#64748b;font-size:13px;cursor:pointer;transition:all.2s ease}.category-filter-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.category-filter-btn.active{border-color:#3b82f6;background:#3b82f6;color:white}.category-filter-btn .anticon{font-size:14px}.category-actions{display:flex;gap:8px;margin-left:auto}.category-actions .btn-sm{padding:4px 8px;font-size:12px;min-height:auto}.permission-category h5{display:flex;align-items:center;justify-content:space-between}.permission-tips{margin-top:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid#e2e8f0}.permission-tips h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.permission-tips ul{margin:0;padding-left:20px;color:#64748b}.permission-tips li{margin-bottom:8px;line-height:1.5}.permission-tips li:last-child{margin-bottom:0}@media(max-width:768px){.permission-stats{grid-template-columns:1fr;gap:16px;padding:16px}.permission-stat-item{padding:12px}.permission-stat-item .stat-number{font-size:24px}.permission-filters{padding:12px}.category-filters{gap:6px}.category-filter-btn{padding:6px 10px;font-size:12px}.category-actions{flex-direction:column;gap:4px}.permission-category h5{flex-direction:column;align-items:flex-start;gap:8px}.category-actions{margin-left:0;width:100%}.permission-list,.package-grid{grid-template-columns:1fr}}.department-role-info{display:flex;flex-direction:column;gap:24px}.current-info h4{margin:0 0 12px;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.info-display{padding:16px;background:#f8fafc;border:1px solid#e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:14px;font-weight:500;color:rgba(0,0,0,.65);min-width:40px}.info-display .department-tag{font-size:14px;font-weight:500;color:#1890ff;background:#e6f7ff;border:1px solid#91d5ff;padding:6px 12px;border-radius:6px}.info-display .role-tag{font-size:14px;font-weight:500;color:#fa8c16;background:#fff7e6;border:1px solid#ffd591;padding:6px 12px;border-radius:6px}.selected-diseases-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.disease-preview-tag{font-size:11px;color:#1890ff;background:#e6f7ff;border:1px solid#91d5ff;padding:2px 6px;border-radius:4px;line-height:1.2}.disease-preview-more{font-size:11px;color:#8c8c8c;background:#f5f5f5;border:1px solid#d9d9d9;padding:2px 6px;border-radius:4px;line-height:1.2}.department-selection h4{margin:0 0 16px;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.department-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-top:20px}.department-header h4{margin:0;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.add-department-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1890ff;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all.2s ease;box-shadow:0 2px 4px rgba(24,144,255,.2)}.add-department-btn:hover{background:#40a9ff;transform:translatey(-1px);box-shadow:0 4px 8px rgba(24,144,255,.3)}.add-department-btn:active{transform:translatey(0);box-shadow:0 2px 4px rgba(24,144,255,.2)}.add-icon{font-size:16px;font-weight:700;line-height:1}.department-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.department-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid#d9d9d9;border-radius:8px;cursor:pointer;transition:all.2s ease;background:white;position:relative}.department-option:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(64,169,255,.15)}.department-option.selected{border-color:#1890ff;background:#f0f9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.department-details{flex:1;display:flex;flex-direction:column;gap:4px}.department-name{font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.department-stats{font-size:12px;color:rgba(0,0,0,.45)}.selected-indicator{position:absolute;top:8px;right:8px;color:#52c41a;font-size:16px}.role-selection h4{margin:0 0 16px;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.role-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid#d9d9d9;border-radius:8px;cursor:pointer;transition:all.2s ease;background:white;position:relative}.role-option:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(64,169,255,.15)}.role-option.selected{border-color:#1890ff;background:#f0f9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.role-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-emoji{font-size:20px}.role-details{flex:1;display:flex;flex-direction:column;gap:4px}.role-name{font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.role-description{font-size:12px;color:rgba(0,0,0,.45)}.role-option.selected .role-icon{transform:scale(1.05)}.disease-selection{margin-top:24px;padding-top:24px;border-top:1px solid#f0f0f0}.disease-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.disease-header h4{margin:0;font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.disease-actions{display:flex;align-items:center;gap:12px}.disease-actions .selected-count{font-size:13px;color:#1890ff;font-weight:500}.disease-tips{margin-bottom:16px;padding:8px 12px;background:#f0f9ff;border:1px solid#bae6fd;border-radius:6px}.disease-tips p{margin:0;font-size:12px;color:#0369a1;line-height:1.4}.disease-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.disease-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid#d9d9d9;border-radius:8px;cursor:pointer;transition:all.2s ease;background:white;position:relative}.disease-option:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(64,169,255,.15)}.disease-option.selected{border-color:#1890ff;background:#f0f9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.disease-icon{width:40px;height:40px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disease-emoji{font-size:20px}.disease-details{flex:1;display:flex;flex-direction:column;gap:4px}.disease-name{font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.disease-description{font-size:12px;color:rgba(0,0,0,.45);line-height:1.4}.disease-checkbox{flex-shrink:0}.disease-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.disease-option.selected .disease-icon{background:#e6f7ff;border:1px solid#91d5ff}.disease-option.selected .disease-name{color:#1890ff;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn.2s ease-out}.add-department-modal{background:white;border-radius:12px;box-shadow:0 6px 16px 0 rgba(0,0,0,8%),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,5%);width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn.2s ease-out;border:1px solid#f0f0f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid#f0f0f0;background:#fff}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:rgba(0,0,0,.88)}.close-btn{width:32px;height:32px;border:none;background:#f5f5f5;color:rgba(0,0,0,.65);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all.2s ease}.close-btn:hover{background:#ff4d4f;color:white}.modal-content{padding:24px;max-height:60vh;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid#d9d9d9;border-radius:6px;font-size:14px;transition:all.2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(64,169,255,.2)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid#f0f0f0;background:#fafafa}.btn-cancel,.btn-confirm{padding:8px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all.2s ease;min-width:80px;height:36px;display:flex;align-items:center;justify-content:center}.btn-cancel{border:1px solid#d9d9d9;background:white;color:rgba(0,0,0,.88)}.btn-cancel:hover{border-color:#40a9ff;color:#40a9ff;background:#f0f9ff}.btn-confirm{border:1px solid#1890ff;background:#1890ff;color:white}.btn-confirm:hover{background:#40a9ff;border-color:#40a9ff;transform:translatey(-1px);box-shadow:0 4px 8px rgba(24,144,255,.3)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translatey(-20px)scale(.95)}to{opacity:1;transform:translatey(0)scale(1)}}@media(max-width:768px){.department-options,.role-options,.disease-options{grid-template-columns:1fr}.department-option,.role-option,.disease-option{padding:12px}.disease-header{flex-direction:column;align-items:flex-start;gap:8px}.disease-actions{width:100%;justify-content:space-between}.department-header{flex-direction:column;align-items:flex-start;gap:12px}.add-department-btn{align-self:flex-start}.add-department-modal{width:calc(100% - 32px);margin:16px;border-radius:8px}.modal-header{padding:16px 20px}.modal-content{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.modal-footer{padding:16px 20px;flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%;height:44px}}.disease-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.disease-header label{margin-bottom:0;font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.add-disease-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#52c41a;color:white;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all.2s ease}.add-disease-btn:hover{background:#73d13d;transform:translatey(-1px)}.add-icon-small{font-size:12px;font-weight:700;line-height:1}.disease-selector{margin-bottom:16px}.form-select{width:100%;padding:10px 12px;border:1px solid#d9d9d9;border-radius:6px;font-size:14px;transition:all.2s ease;box-sizing:border-box;background:white}.form-select:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(64,169,255,.2)}.selected-diseases{margin-top:16px}.selected-diseases h5{margin:0 0 12px;font-size:13px;font-weight:500;color:rgba(0,0,0,.65)}.disease-tags{display:flex;flex-wrap:wrap;gap:8px}.disease-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f0f9ff;border:1px solid#91d5ff;border-radius:6px;font-size:12px;color:#1890ff;font-weight:500}.disease-name{font-weight:600}.disease-category{color:rgba(0,0,0,.45);font-weight:400}.remove-disease-btn{width:16px;height:16px;border:none;background:#ff4d4f;color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;transition:all.2s;margin-left:4px}.remove-disease-btn:hover{background:#ff7875;transform:scale(1.1)}.department-diseases{margin-top:8px;font-size:11px;color:rgba(0,0,0,.45);line-height:1.3}.add-disease-modal{background:white;border-radius:12px;box-shadow:0 6px 16px 0 rgba(0,0,0,8%),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,5%);width:90%;max-width:450px;max-height:90vh;overflow:hidden;animation:modalSlideIn.2s ease-out;border:1px solid#f0f0f0}@media(max-width:768px){.disease-header{flex-direction:column;align-items:flex-start;gap:8px}.add-disease-btn{align-self:flex-start}.disease-tags{flex-direction:column;gap:6px}.disease-tag{justify-content:space-between}.add-disease-modal{width:calc(100% - 32px);margin:16px;border-radius:8px}}.user-comprehensive-edit-page{padding:24px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:24px}.loading-container .anticon{color:#10b981;margin-bottom:16px}.loading-container p,.error-container p{color:#6b7280;font-size:16px;margin:0 0 20px}.error-container .btn{padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid#d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all.2s ease}.error-container .btn:hover{background:#e5e7eb;border-color:#9ca3af}.integrated-header{background:#fff;border:1px solid#e5e7eb;border-bottom:none;border-radius:12px 12px 0 0;margin-bottom:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:32px}.header-left{display:flex;align-items:center;flex-shrink:0}.header-left .btn-back{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid#f59e0b;border-radius:8px;background:#fef3c7;color:#d97706;font-size:14px;font-weight:600;cursor:pointer;transition:all.2s ease;box-shadow:0 2px 4px rgba(245,158,11,.2)}.header-left .btn-back:hover{border-color:#d97706;color:#92400e;background:#fde68a;box-shadow:0 4px 8px rgba(245,158,11,.3)}.header-left h1{font-size:24px;font-weight:600;color:#1e293b;margin:0}.header-actions .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:1px solid#10b981;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;position:relative;overflow:hidden}.header-actions .btn-primary:before{display:none}.header-actions .btn-primary:hover{background:#0ea37a}.header-actions .btn-primary:hover:before{left:100%}.header-actions .btn-primary:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.tab-navigation{display:flex;background:#f6f8fb;padding:8px;gap:6px;border-radius:8px;border:1px solid#e5e7eb;flex:1;justify-content:center;margin:0}.tab-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border:1px solid transparent;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#64748b;transition:none;white-space:nowrap}.tab-button:hover{background:#f6f8fb;color:#334155;border-color:#e0e6ee}.tab-button.active{background:#e8f0fe;color:#1d4ed8;border-color:#bfdbfe;font-weight:600}.tab-button .anticon{font-size:16px}.tab-content{background:#fff;border:1px solid#e5e7eb;border-top:none;border-radius:0 0 12px 12px;overflow:hidden}.tab-panel{padding:32px}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid#e2e8f0;position:relative}.form-section h3:before{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#3b82f6;border-radius:1px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group select{padding:12px 16px;border:2px solid#e2e8f0;border-radius:8px;font-size:14px;transition:all.2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-right:48px;width:100%}.password-toggle{position:absolute;right:12px;top:50%;transform:translatey(-50%);background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:color.2s ease}.password-toggle:hover{color:#3b82f6}.permissions-info{text-align:center;padding:48px 24px;color:#64748b}.permissions-info p{margin-bottom:12px;font-size:16px}.permissions-info p:last-child{margin-bottom:0;font-size:14px;color:#94a3b8}@media(max-width:768px){.integrated-header{margin-bottom:16px;flex-direction:column;gap:16px;padding:16px 20px}.header-left{justify-content:space-between;width:100%}.header-left h1{font-size:20px}.tab-navigation{flex-direction:row;gap:4px;margin:0;flex-wrap:wrap;justify-content:center}.tab-button{padding:8px 12px;font-size:12px}.header-actions{display:flex;justify-content:center;width:100%}.tab-panel{padding:24px 16px}.form-grid{grid-template-columns:1fr;gap:20px}}.users-page *,.users-page :before,.users-page :after{box-shadow:none!important;filter:none!important}.user-comprehensive-edit-page *,.user-comprehensive-edit-page :before,.user-comprehensive-edit-page :after{box-shadow:none!important;filter:none!important;transition:none!important;animation:none!important}.user-comprehensive-edit-page :hover{transform:none!important}.user-password-edit-page{padding:24px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh}.password-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 32px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,8%),0 1px 3px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.password-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f97316,#ef4444);background-size:200%100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100%50%}}.password-header-left{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.password-header-left .btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid#fecaca;border-radius:10px;color:#dc2626;font-weight:500;font-size:14px;cursor:pointer;transition:all.3s ease;box-shadow:0 2px 4px rgba(220,38,38,.1)}.password-header-left .btn-back:hover{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);transform:translatey(-1px);box-shadow:0 4px 12px rgba(220,38,38,.2);border-color:#f87171}.password-page-title h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.2}.password-page-title p{margin:6px 0 0;color:#64748b;font-size:15px;font-weight:500;opacity:.9}.password-header-actions{display:flex;gap:12px;position:relative;z-index:1}.password-form-container{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,6%),0 1px 3px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.8);overflow:hidden;max-width:800px;margin:0 auto}.password-form-header{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);padding:24px 32px;border-bottom:1px solid#fecaca}.password-form-header h2{margin:0;font-size:20px;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:12px}.password-form-header .anticon{font-size:24px;color:#ef4444}.password-form-content{padding:32px}.password-input-group{margin-bottom:32px}.password-input-group:last-child{margin-bottom:0}.password-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.password-input-group label.required:after{content:" *";color:#ef4444;font-weight:600}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:14px 16px 14px 48px;border:2px solid#e2e8f0;border-radius:10px;font-size:14px;transition:all.3s ease;background:white;font-family:"Courier New",monospace;letter-spacing:2px}.password-input-wrapper input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.password-input-wrapper input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.password-input-wrapper input.valid{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.password-input-icon{position:absolute;left:16px;top:50%;transform:translatey(-50%);color:#64748b;font-size:16px;z-index:1}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translatey(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all.2s ease;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:#ef4444;background:#fef2f2}.password-toggle-btn .anticon{font-size:16px}.password-strength-indicator{margin-top:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid#e2e8f0}.strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.strength-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.strength-score{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.strength-score.weak{color:#ef4444}.strength-score.fair{color:#f97316}.strength-score.good{color:#eab308}.strength-score.strong{color:#10b981}.strength-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:16px}.strength-fill{height:100%;border-radius:4px;transition:all.3s ease;width:0}.strength-fill.weak{background:#ef4444;width:25%}.strength-fill.fair{background:#f97316;width:50%}.strength-fill.good{background:#eab308;width:75%}.strength-fill.strong{background:#10b981;width:100%}.strength-requirements{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;padding:8px 0}.requirement-item .anticon{font-size:14px;color:#d1d5db;transition:all.2s ease}.requirement-item.met,.requirement-item.met .anticon{color:#10b981}.requirement-item.failed,.requirement-item.failed .anticon{color:#ef4444}.password-error-message{display:flex;align-items:center;gap:8px;margin-top:8px;color:#ef4444;font-size:13px;padding:8px 12px;background:#fef2f2;border:1px solid#fecaca;border-radius:6px}.password-error-message .anticon{font-size:14px;flex-shrink:0}.password-form-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;background:#f8fafc;border-top:1px solid#e2e8f0}.password-form-actions .btn{padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all.3s ease;border:none;display:flex;align-items:center;gap:8px}.password-form-actions .btn-outline{background:white;color:#64748b;border:1px solid#d1d5db}.password-form-actions .btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#475569}.password-form-actions .btn-primary{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 4px 12px rgba(239,68,68,.3)}.password-form-actions .btn-primary:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translatey(-1px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.password-form-actions .btn-primary:disabled{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width:768px){.user-password-edit-page{padding:16px}.password-page-header{flex-direction:column;gap:20px;padding:20px 24px;text-align:center}.password-header-left{flex-direction:column;gap:16px}.password-page-title h1{font-size:24px}.password-form-container{margin:0;border-radius:12px}.password-form-header{padding:20px 24px}.password-form-header h2{font-size:18px}.password-form-content{padding:24px 20px}.password-form-actions{flex-direction:column;padding:20px 24px}.password-form-actions .btn{width:100%;justify-content:center}.strength-requirements{grid-template-columns:1fr}}@media(max-width:480px){.password-page-header{padding:16px 20px}.password-page-title h1{font-size:20px}.password-form-header{padding:16px 20px}.password-form-content{padding:20px 16px}.password-input-wrapper input{padding:12px 16px 12px 44px;font-size:13px}.password-toggle-btn{padding:6px}}.role-tags-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.role-tag-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid#d9d9d9;border-radius:16px;cursor:pointer;transition:all.2s ease;background:white;font-size:13px;color:rgba(0,0,0,.65);-webkit-user-select:none;user-select:none}.role-tag-option:hover{border-color:#40a9ff;background:#f0f9ff;color:#40a9ff}.role-tag-option.selected{border-color:#1890ff;background:#e6f7ff;color:#1890ff;font-weight:500}.role-selected-indicator{font-size:12px;font-weight:700;color:#1890ff;margin-left:4px}.form-group.full-width{flex:1;width:100%}.filter-modal{max-width:600px}.filter-form{display:flex;flex-direction:column;gap:24px}.filter-section{border-bottom:1px solid#f0f0f0;padding-bottom:20px}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:rgba(0,0,0,.88);display:flex;align-items:center;gap:8px}.filter-section h4:before{content:"";width:3px;height:16px;background:#1890ff;border-radius:2px}.filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid#d9d9d9;border-radius:6px;cursor:pointer;transition:all.2s ease;background:white}.filter-option:hover{border-color:#40a9ff;background:#f0f9ff}.filter-option input[type=radio]{margin:0;width:16px;height:16px}.filter-option span{font-size:14px;color:rgba(0,0,0,.88);cursor:pointer}.filter-option:has(input:checked){border-color:#1890ff;background:#e6f7ff}.filter-option:has(input:checked) span{color:#1890ff;font-weight:500}.date-range-filter{display:grid;grid-template-columns:1fr 1fr;gap:16px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:14px;font-weight:500;color:rgba(0,0,0,.88)}.date-input-group input[type=date]{padding:8px 12px;border:1px solid#d9d9d9;border-radius:6px;font-size:14px;transition:border-color.2s}.date-input-group input[type=date]:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(64,169,255,.2)}.quick-date-filters{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.quick-filter-btn{padding:6px 12px;border:1px solid#d9d9d9;background:white;color:rgba(0,0,0,.65);border-radius:4px;font-size:12px;cursor:pointer;transition:all.2s ease}.quick-filter-btn:hover{border-color:#40a9ff;color:#40a9ff;background:#f0f9ff}.active-filters{background:#f6ffed;border:1px solid#b7eb8f;border-radius:8px;padding:16px}.active-filters h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#52c41a}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f6ffed;border:1px solid#b7eb8f;border-radius:4px;font-size:12px;color:#52c41a;font-weight:500}.filter-tag button{width:16px;height:16px;border:none;background:#52c41a;color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;transition:all.2s}.filter-tag button:hover{background:#389e0d;transform:scale(1.1)}.delete-modal-overlay{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-confirm-modal{max-width:480px;width:90%;border-radius:12px;box-shadow:0 6px 16px 0 rgba(0,0,0,8%),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,5%);animation:modalSlideIn.2s ease-out;border:1px solid#f0f0f0;overflow:hidden}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid#f0f0f0;background:#fff}.delete-modal-icon{width:36px;height:36px;border-radius:8px;background:#ff4d4f;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 2px 8px rgba(255,77,79,.2);flex-shrink:0}.delete-modal-icon .anticon{font-size:18px}.delete-modal-header h2{margin:0;font-size:18px;font-weight:600;color:rgba(0,0,0,.88);line-height:1.4;display:flex;align-items:center}.delete-confirm-content{display:flex;flex-direction:column;gap:24px;padding:24px;background:#fff}.user-info-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#fafafa;border-radius:8px;border:1px solid#f0f0f0;position:relative;transition:all.3s ease;min-height:80px}.user-info-card:hover{transform:translatey(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#d9d9d9}.user-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:8px 8px 0 0}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:#1890ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;box-shadow:0 2px 8px rgba(24,144,255,.2)}.user-avatar-large .anticon{font-size:20px}.user-details-large{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-start}.user-details-large h3{margin:0;font-size:18px;font-weight:600;color:rgba(0,0,0,.88);line-height:1.4;display:flex;align-items:center;flex-shrink:0}.user-details-large .user-email{margin:0;color:rgba(0,0,0,.65);font-size:14px;line-height:1.4;display:flex;align-items:center;flex-shrink:0}.user-details-large .user-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;justify-content:flex-start;flex-shrink:0;width:100%}.user-details-large .department-tag{padding:6px 12px;background:#f0f8ff;color:#1890ff;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4;border:1px solid#d6e4ff;display:inline-flex;align-items:center;justify-content:center;height:28px}.user-details-large .role-tag{padding:6px 12px;background:#fff7ed;color:#d97706;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4;border:1px solid#fed7aa;display:inline-flex;align-items:center;justify-content:center;height:28px}.delete-warning-section{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff2f0;border:1px solid#ffccc7;border-radius:8px;position:relative}.delete-warning-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4f,#ff7875);border-radius:8px 8px 0 0}.warning-icon{display:flex;align-items:flex-start;justify-content:center;color:#ff4d4f;flex-shrink:0;width:24px;height:24px;margin-top:0}.warning-icon .anticon{font-size:20px;filter:drop-shadow(0 1px 2px rgba(255,77,79,.3))}.warning-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.warning-content h4{margin:0;font-size:16px;font-weight:600;color:#ff4d4f;line-height:1.4}.warning-content p{margin:0;color:rgba(0,0,0,.75);font-size:14px;line-height:1.5}.warning-content ul{margin:0;padding:0;list-style:none;color:rgba(0,0,0,.75);font-size:14px;line-height:1.6;display:flex;flex-direction:column;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.warning-content li{margin-bottom:6px;position:relative;padding-left:20px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap}.warning-content li:before{content:"";position:absolute;left:0;top:50%;transform:translatey(-50%);width:6px;height:6px;background-color:#ff4d4f;border-radius:50%;flex-shrink:0}.delete-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid#f0f0f0;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.delete-modal-footer .btn-large{padding:8px 20px;font-size:14px;font-weight:500;border-radius:8px;min-width:80px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all.3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.delete-modal-footer .btn-large:hover{transform:translatey(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.delete-modal-footer .btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:1px solid#ff4d4f;color:white;transition:all.3s ease}.delete-modal-footer .btn-danger:hover{background:linear-gradient(135deg,#ff7875,#ffa39e);border-color:#ff7875;color:white;transform:translatey(-1px);box-shadow:0 4px 12px rgba(255,77,79,.3)}.delete-modal-footer .btn-outline{border:1px solid#d9d9d9;color:rgba(0,0,0,.88);background:white;transition:all.3s ease}.delete-modal-footer .btn-outline:hover{border-color:#40a9ff;color:#40a9ff;background:#f0f9ff;transform:translatey(-1px);box-shadow:0 4px 8px rgba(64,169,255,.15)}@media(max-width:768px){.delete-confirm-modal{width:calc(100% - 32px);margin:16px;border-radius:8px}.delete-modal-header{padding:16px 20px;gap:10px}.delete-modal-icon{width:32px;height:32px}.delete-modal-icon .anticon,.delete-modal-header h2{font-size:16px}.delete-confirm-content{padding:20px;gap:16px}.user-info-card{flex-direction:column;text-align:center;gap:12px;padding:16px;align-items:center;min-height:auto}.user-details-large{flex-direction:column;gap:8px;align-items:center;justify-content:center}.user-avatar-large{width:40px;height:40px}.user-avatar-large .anticon{font-size:18px}.user-details-large h3{font-size:15px}.user-details-large .user-email{font-size:12px}.user-details-large .user-tags{justify-content:center;gap:6px;align-items:center}.user-details-large .department-tag,.user-details-large .role-tag{padding:4px 10px;font-size:11px;height:24px}.delete-warning-section{flex-direction:column;text-align:center;gap:12px;padding:16px}.warning-icon{align-self:center;margin-top:0}.warning-icon .anticon{font-size:18px}.warning-content h4{font-size:15px}.warning-content p,.warning-content ul{font-size:12px}.warning-content{align-items:center;text-align:center}.warning-content ul{align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.warning-content li{justify-content:flex-start;white-space:nowrap;padding-left:16px;margin-bottom:4px}.warning-content li:before{width:5px;height:5px}.delete-modal-footer{padding:16px 20px;flex-direction:column-reverse;gap:10px}.delete-modal-footer .btn-large{width:100%;height:44px;font-size:15px}.filter-options{grid-template-columns:1fr;gap:8px}.date-range-filter{grid-template-columns:1fr;gap:12px}.filter-option{padding:10px 12px}.filter-tags{flex-direction:column;gap:6px}.filter-tag{justify-content:space-between}}.form-tips{margin-top:20px;padding:16px;background-color:#f8fafc;border-radius:6px;border-left:4px solid#3b82f6}.form-tips h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.form-tips ul{margin:0;padding-left:20px;color:#64748b}.form-tips li{margin-bottom:6px;line-height:1.5}.form-tips li:last-child{margin-bottom:0}.form-tips-default{border-left-color:#3b82f6}.form-tips-password{border-left-color:#f59e0b;background-color:#fffbeb}.form-tips-password h4{color:#92400e}.form-tips-password ul{color:#78350f}.form-tips-permission{border-left-color:#8b5cf6;background-color:#f5f3ff}.form-tips-permission h4{color:#5b21b6}.form-tips-permission ul{color:#4c1d95}.form-tips-department{border-left-color:#10b981;background-color:#ecfdf5}.form-tips-department h4{color:#065f46}.form-tips-department ul{color:#047857}@media(max-width:768px){.form-tips{padding:12px;margin-top:16px}.form-tips h4{font-size:14px;margin-bottom:8px}.form-tips ul{padding-left:16px}.form-tips li{margin-bottom:4px;font-size:13px}}:root{--primary-color:#3498db;--primary-hover:#2980b9;--primary-light:#e3f2fd;--primary-dark:#1f5f8b;--bg-primary:#ffffff;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-muted:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#94a3b8}.settings-page{padding:24px;background:var(--bg-secondary);min-height:calc(100vh - 120px);padding-top:32px}.settings-content{max-width:1200px;margin:0 auto}.settings-content>.ant-card{margin-bottom:var(--spacing-lg)}.system-info-card{border-radius:8px;border:1px solid#e5e7eb}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.info-item{display:flex;align-items:center;padding:12px;background-color:#f0f8ff;border-radius:6px;border:1px solid#e6f7ff}.info-label{font-weight:500;color:#1890ff;margin-right:8px;min-width:80px}.info-value{color:#262626;font-weight:500}.stats-card{border-radius:8px;border:1px solid#e5e7eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{text-align:center;padding:16px;background-color:#f0f8ff;border-radius:6px;border:1px solid#e6f7ff}.stat-number{font-size:24px;font-weight:600;color:#262626;margin-bottom:4px}.stat-label{font-size:12px;color:#1890ff;font-weight:500}.config-list-card{border-radius:8px;border:1px solid#e5e7eb}.config-header{display:flex;justify-content:flex-end;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid#e6f7ff}.config-table{margin-top:16px}.config-table .ant-table-thead>tr>th{background-color:#fafafa!important;color:#262626!important;font-weight:600;border-bottom:1px solid#f0f0f0}.config-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5!important}.config-table .ant-table-tbody>tr>td:last-child{text-align:left}.config-table .ant-table-tbody>tr>td:last-child .ant-space{justify-content:flex-start}.config-table .ant-table-tbody>tr>td .ant-space .ant-tag{margin:0;font-size:12px;padding:2px 6px;border-radius:4px}.config-item{display:flex;flex-direction:column}.config-name{font-weight:500;color:#1890ff;margin-bottom:4px}.config-key{font-size:12px;color:#666;font-family:"Monaco","Menlo","Ubuntu Mono",monospace}.config-value{font-family:"Monaco","Menlo","Ubuntu Mono",monospace;background-color:#f0f8ff;color:#1890ff;padding:2px 6px;border-radius:3px;font-size:12px;border:1px solid#e6f7ff}.config-modal .ant-modal-body{padding:24px}.config-modal .ant-form-item{margin-bottom:20px}.config-modal .ant-form-item-label{font-weight:500}.config-modal .ant-input-number,.config-modal .ant-select{width:100%}.config-group{margin-bottom:24px;border:1px solid#f0f0f0;border-radius:6px;overflow:hidden}.config-group-title{background-color:#fafafa;padding:12px 16px;font-weight:600;color:#262626;border-bottom:1px solid#f0f0f0}.config-group .ant-form-item{margin-bottom:16px;padding:0 16px}.config-group .ant-form-item:last-child{margin-bottom:16px}.system-info-card .ant-card-head-title,.stats-card .ant-card-head-title{display:flex;justify-content:space-between;align-items:center;width:100%}.system-info-card .ant-card-head-title .ant-btn,.stats-card .ant-card-head-title .ant-btn{color:var(--primary-color);border:none;background:transparent;padding:4px 8px;border-radius:4px;transition:all.2s ease;margin-left:8px}.system-info-card .ant-card-head-title .ant-btn:hover,.stats-card .ant-card-head-title .ant-btn:hover{background:rgba(24,144,255,8%);color:var(--primary-color)}.system-info-card .ant-card-head-title .ant-btn:active,.stats-card .ant-card-head-title .ant-btn:active{background:rgba(24,144,255,.12)}.system-info-card .ant-card-head-title .ant-btn .anticon,.stats-card .ant-card-head-title .ant-btn .anticon{font-size:12px;transition:transform.2s ease}.system-info-card .ant-card-head-title .ant-btn:focus,.stats-card .ant-card-head-title .ant-btn:focus{background:rgba(24,144,255,6%);outline:none;box-shadow:none}.system-info-card .ant-card-head-title .ant-btn .anticon.anticon-up,.stats-card .ant-card-head-title .ant-btn .anticon.anticon-up,.system-info-card .ant-card-head-title .ant-btn .anticon.anticon-down,.stats-card .ant-card-head-title .ant-btn .anticon.anticon-down{transform:rotate(0)}@media(max-width:1200px)and (min-width:769px){.settings-page{padding:var(--spacing-xl)}.settings-content{max-width:100%}.system-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.stat-item{padding:var(--spacing-md)}.stat-number{font-size:20px}.stat-label{font-size:11px}.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{padding:var(--spacing-md)var(--spacing-lg)}.config-table .ant-table-tbody>tr>td .ant-space .ant-tag{font-size:11px;padding:1px 5px}.config-table .ant-pagination{margin-top:20px}.config-table .ant-pagination .ant-pagination-item,.config-table .ant-pagination .ant-pagination-prev,.config-table .ant-pagination .ant-pagination-next{min-width:36px;height:36px;line-height:34px}.config-table .ant-pagination .ant-pagination-item a{padding:0 10px;font-size:14px}}@media(max-width:768px){.settings-page{padding:16px;background:var(--bg-secondary);min-height:calc(100vh - 120px);padding-top:32px}.settings-header,.settings-content>.ant-card{margin-bottom:20px}.system-info-grid{grid-template-columns:1fr;gap:12px}.info-item{padding:16px;flex-direction:column;align-items:flex-start;gap:8px}.info-label{min-width:auto;margin-right:0;margin-bottom:4px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:16px 12px}.stat-number{font-size:18px}.stat-label{font-size:11px}.config-header{flex-direction:column;gap:12px;align-items:stretch}.config-header .ant-btn{width:100%;justify-content:center}.system-info-card .ant-card-head-title .ant-btn,.stats-card .ant-card-head-title .ant-btn{padding:6px 10px;font-size:14px;margin-left:12px}.system-info-card .ant-card-head-title .ant-btn:hover,.stats-card .ant-card-head-title .ant-btn:hover{background:rgba(24,144,255,8%)}.system-info-card .ant-card-head-title .ant-btn:active,.stats-card .ant-card-head-title .ant-btn:active{background:rgba(24,144,255,.12)}.system-info-card .ant-card-head-title .ant-btn:focus,.stats-card .ant-card-head-title .ant-btn:focus{background:rgba(24,144,255,6%);outline:none;box-shadow:none}.system-info-card .ant-card-head-title .ant-btn .anticon,.stats-card .ant-card-head-title .ant-btn .anticon{font-size:14px}.config-table{overflow-x:auto}.config-table .ant-table{min-width:600px}.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{padding:12px 16px;white-space:nowrap}.config-table .ant-table-thead{display:none}.config-table .ant-table-tbody>tr{display:block;border:1px solid#e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.config-table .ant-table-tbody>tr>td{display:flex;align-items:flex-start;padding:8px 0;border:none;border-bottom:1px solid#f0f0f0;gap:12px}.config-table .ant-table-tbody>tr>td:last-child{align-items:center}.config-table .ant-table-tbody>tr>td:last-child{border-bottom:none}.config-table .ant-table-tbody>tr>td:before{content:attr(data-label)": ";font-weight:600;color:#262626;min-width:80px;flex-shrink:0;font-size:14px}.config-modal .ant-modal{margin:16px;max-width:calc(100vw - 32px)}.config-modal .ant-modal-body{padding:20px}.config-group{margin-bottom:20px}.config-group-title{padding:12px 16px;font-size:14px}.config-group .ant-form-item{padding:0 16px;margin-bottom:16px}}@media(max-width:480px){.settings-page{padding:12px;background:var(--bg-secondary);min-height:calc(100vh - 120px);padding-top:32px}.settings-header,.settings-content>.ant-card{margin-bottom:16px}.system-info-grid{gap:10px}.info-item{padding:12px;gap:6px}.info-label{font-size:13px}.info-value{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-item{padding:14px 12px}.stat-number{font-size:16px}.stat-label{font-size:10px}.config-header{gap:10px}.config-header .ant-btn{padding:10px 16px;font-size:14px}.config-table .ant-table{min-width:500px}.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{padding:10px 12px;font-size:13px}.config-name{font-size:13px}.config-key{font-size:11px}.config-value{font-size:11px;padding:1px 4px}.config-table .ant-table-tbody>tr{padding:12px;margin-bottom:10px}.config-table .ant-table-tbody>tr>td{padding:6px 0;gap:10px}.config-table .ant-table-tbody>tr>td:last-child{gap:8px}.config-table .ant-table-tbody>tr>td:before{min-width:70px;font-size:13px}.config-item{flex:1;min-width:0}.config-name{font-size:14px;font-weight:600;margin-bottom:2px}.config-key{font-size:11px;color:#666}.config-table .ant-table-tbody>tr>td:last-child{justify-content:flex-start}.config-table .ant-table-tbody>tr>td:last-child .ant-space{gap:6px;align-items:center}.config-table .ant-table-tbody>tr>td:last-child .ant-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.config-table .ant-table-tbody>tr>td:last-child:before{display:flex;align-items:center;height:28px;margin-top:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2):before{display:flex;align-items:center;height:28px;margin-top:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2){align-items:center}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-space{align-items:center;gap:4px}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-tag{font-size:11px;padding:2px 6px;border-radius:4px;margin:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-space .ant-tag+.ant-tag{margin-left:4px}.config-modal .ant-modal{margin:12px;max-width:calc(100vw - 24px)}.config-modal .ant-modal-body{padding:16px}.config-modal .ant-modal-header{padding:16px 20px 12px}.config-modal .ant-modal-footer{padding:12px 20px 16px}.config-group{margin-bottom:16px}.config-group-title{padding:10px 16px;font-size:13px}.config-group .ant-form-item{padding:0 16px;margin-bottom:14px}.config-modal .ant-form-item-label>label{font-size:13px}.config-modal .ant-input,.config-modal .ant-select,.config-modal .ant-input-number{font-size:14px;padding:8px 12px}}@media(min-width:1025px){.settings-content{max-width:1400px}.system-info-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-item{padding:20px}.stat-number{font-size:28px}.stat-label{font-size:13px}.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{padding:16px 20px}}@media(resolution:2dppx){.info-item,.stat-item,.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{border-width:1px}}@media(orientation:landscape)and (max-height:600px){.settings-page{padding:16px}.settings-content>.ant-card{margin-bottom:16px}.system-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.stat-item{padding:12px}.stat-number{font-size:16px}.stat-label{font-size:10px}}@media(max-width:360px){.settings-page{padding:8px;background:var(--bg-secondary);min-height:calc(100vh - 120px);padding-top:32px}.settings-content>.ant-card{margin-bottom:12px}.info-item{padding:10px}.info-label{font-size:12px}.info-value{font-size:13px}.stat-item{padding:10px 8px}.stat-number{font-size:14px}.stat-label{font-size:9px}.config-table .ant-table-tbody>tr{padding:10px;margin-bottom:8px}.config-table .ant-table-tbody>tr>td{padding:4px 0;gap:8px}.config-table .ant-table-tbody>tr>td:before{min-width:60px;font-size:12px}.config-name{font-size:13px}.config-key{font-size:10px}.config-table .ant-table-tbody>tr>td:last-child .ant-btn{width:24px;height:24px}.system-info-card .ant-card-head-title .ant-btn,.stats-card .ant-card-head-title .ant-btn{padding:4px 8px;font-size:12px;margin-left:10px}.system-info-card .ant-card-head-title .ant-btn:hover,.stats-card .ant-card-head-title .ant-btn:hover{background:rgba(24,144,255,8%)}.system-info-card .ant-card-head-title .ant-btn:active,.stats-card .ant-card-head-title .ant-btn:active{background:rgba(24,144,255,.12)}.system-info-card .ant-card-head-title .ant-btn:focus,.stats-card .ant-card-head-title .ant-btn:focus{background:rgba(24,144,255,6%);outline:none;box-shadow:none}.system-info-card .ant-card-head-title .ant-btn .anticon,.stats-card .ant-card-head-title .ant-btn .anticon{font-size:12px}}@media print{.settings-page{padding:0}.config-header,.config-modal{display:none!important}.system-info-card,.stats-card,.config-list-card{border:1px solid#000;break-inside:avoid}.info-item,.stat-item{border:1px solid#000}}@media(prefers-reduced-motion:reduce){.settings-page *,.settings-page :before,.settings-page :after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.settings-page .ant-btn:focus,.settings-page .ant-input:focus,.settings-page .ant-select:focus,.settings-page .ant-input-number:focus{outline:2px solid#1890ff;outline-offset:2px}@media(prefers-contrast:more){.info-item,.stat-item{border-width:2px}.config-table .ant-table-thead>tr>th,.config-table .ant-table-tbody>tr>td{border:1px solid#000}.config-group{border-width:2px}}.settings-page .ant-btn:focus-visible,.settings-page .ant-input:focus-visible,.settings-page .ant-select:focus-visible,.settings-page .ant-input-number:focus-visible{outline:2px solid#1890ff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-page .ant-spin-container{min-height:200px;display:flex;flex-direction:column}.settings-page .ant-spin-nested-loading{flex:1}.settings-page .ant-spin{display:flex;align-items:center;justify-content:center;min-height:200px}.settings-page .ant-empty{padding:40px 20px}.settings-page .ant-empty-description{color:var(--text-color);opacity:.7}.config-table .ant-table-placeholder{padding:40px 20px}.config-table .ant-table-placeholder .ant-empty{padding:0}@media(max-width:768px){.config-table .ant-table-placeholder{padding:20px 16px}.config-table .ant-table-placeholder .ant-empty{padding:0}.config-table .ant-table-placeholder .ant-empty-description{font-size:14px}}@media(max-width:480px){.config-table .ant-table-placeholder{padding:16px 12px}.config-table .ant-table-placeholder .ant-empty-description{font-size:13px}.config-table .ant-pagination{margin-top:16px;text-align:center}.config-table .ant-pagination .ant-pagination-item,.config-table .ant-pagination .ant-pagination-prev,.config-table .ant-pagination .ant-pagination-next{min-width:32px;height:32px;line-height:30px}.config-table .ant-pagination .ant-pagination-item a{padding:0 8px;font-size:13px}.config-table .ant-pagination .ant-pagination-total-text{font-size:13px;color:var(--text-color);opacity:.7}.config-table .ant-table-tbody>tr>td:last-child .ant-btn{min-width:44px;min-height:44px;touch-action:manipulation}.config-table .ant-table-tbody>tr>td:last-child:before{display:flex;align-items:center;height:24px;margin-top:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2):before{display:flex;align-items:center;height:24px;margin-top:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-space{gap:3px}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-tag{font-size:10px;padding:1px 4px;border-radius:3px;margin:0}.config-table .ant-table-tbody>tr>td:nth-last-child(2) .ant-space .ant-tag+.ant-tag{margin-left:3px}.config-header .ant-btn{min-height:44px;touch-action:manipulation}.system-info-card .ant-card-head-title .ant-btn,.stats-card .ant-card-head-title .ant-btn{min-width:44px;min-height:44px;touch-action:manipulation}}.settings-page{will-change:auto;contain:layout style paint}.settings-page .ant-card,.config-table .ant-table-tbody>tr{contain:layout style paint}@media(max-width:768px){.settings-page{contain:layout style paint}.config-table .ant-table-tbody>tr{contain:layout style paint;will-change:auto}.config-table .ant-table-tbody>tr:hover{will-change:transform}}.roles-page{padding:16px}.roles-card .ant-card-head-title{display:flex;align-items:center;font-size:16px}.role-permissions-page{padding:16px}.role-permissions-card .ant-card-head-title{display:flex;align-items:center;font-size:16px}.roles-card .ant-table,.roles-card .ant-table-tbody>tr>td,.roles-card .ant-table-thead>tr>th{font-size:14px}.roles-card .ant-table-thead>tr>th{font-weight:600}.roles-card .ant-tag{font-size:13px}.permission-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.permission-item{padding:10px 12px;border:1px solid#f0f0f0;border-radius:8px;background:#fff;transition:box-shadow.2s ease,border-color.2s ease}.permission-item:hover{border-color:#d9d9d9;box-shadow:0 2px 8px rgba(0,0,0,4%)}.perm-name{font-weight:500}.perm-desc{color:#999;font-size:12px;margin-left:26px;margin-top:6px}.saving-bar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#f6ffed;border:1px solid#b7eb8f;color:#389e0d;border-radius:6px}.group-header{display:flex;align-items:center;justify-content:space-between}.group-title-text{font-weight:600;font-size:15px}.group-select-all .ant-checkbox+span{-webkit-padding-start:6px;padding-inline-start:6px;font-size:14px}.permission-item .ant-checkbox+span{font-size:14px}.perm-name{font-weight:500;font-size:14px}.template-list-page{padding:16px;overflow-x:hidden;width:100%}.template-list-card .ant-card-head-title{display:flex;align-items:center;font-size:16px}.template-list-card .ant-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.template-list-card .ant-table,.template-list-card .ant-table-tbody>tr>td,.template-list-card .ant-table-thead>tr>th{font-size:14px}.template-list-card .ant-table-thead>tr>th{font-weight:600;background-color:#fafafa;color:#262626}.template-list-card .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.template-list-card .ant-tag{font-size:13px}.template-list-card .ant-table-wrapper{overflow-x:auto}.template-detail{padding:16px 0}.detail-item{display:flex;margin-bottom:16px;align-items:flex-start}.detail-item label{font-weight:500;color:#262626;min-width:100px;margin-right:16px}.detail-item span{color:#595959;flex:1}@media(max-width:768px){.template-list-page{padding:8px}.template-list-card .ant-card-extra{flex-direction:column;gap:8px}.detail-item{flex-direction:column}.detail-item label{margin-bottom:4px;margin-right:0}}.field-editor-modal .ant-modal-body{max-height:70vh;overflow-y:auto}.field-editor-form .config-section{margin-bottom:16px}.field-editor-form .config-section .ant-card-head{min-height:auto;padding:8px 16px}.field-editor-form .config-section .ant-card-head-title{font-size:14px;font-weight:600}.field-editor-form .config-section .ant-card-body{padding:16px}.options-editor .option-item{margin-bottom:8px}.options-editor .option-item .ant-card-body{padding:8px}.questions-editor .question-item{margin-bottom:16px;border:1px solid#e8e8e8}.questions-editor .question-item .ant-card-head{background:#fafafa}.validation-editor .ant-form-item,.visibility-condition-editor .condition-card{margin-bottom:12px}.visibility-condition-editor .field-select,.visibility-condition-editor .field-select .ant-select-selector{min-width:200px}.visibility-condition-editor .field-select .ant-select-dropdown{min-width:250px}.field-select{min-width:200px}.field-select .ant-select-dropdown{min-width:250px}.value-select{min-width:200px}.value-select .ant-select-dropdown{min-width:250px}.value-input{min-width:200px}@media(max-width:768px){.field-editor-modal{width:95%!important;margin:10px}.field-editor-modal .ant-modal-body{padding:16px}.options-editor .ant-space-compact{flex-direction:column}.options-editor .ant-space-compact>*{width:100%!important;margin-bottom:8px}}.template-preview{max-width:1200px;margin:0 auto;background:white;border-radius:8px;overflow:hidden}.template-preview-empty{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fafafa;border:2px dashed#d9d9d9;border-radius:8px}.empty-content{text-align:center;color:#8c8c8c}.empty-content h3{margin:16px 0 8px;color:#595959}.empty-content p{margin:0;font-size:14px}.preview-module{margin-bottom:24px;border:1px solid#e8e8e8;border-radius:8px;overflow:hidden;background:white;box-shadow:0 2px 4px rgba(0,0,0,2%)}.preview-module:last-child{margin-bottom:0}.basic-info-module{border:2px solid#1890ff;box-shadow:0 4px 8px rgba(24,144,255,.1);position:relative}.basic-info-module:before{content:"固定";position:absolute;top:8px;right:8px;background:#1890ff;color:white;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;z-index:1}.module-title{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color:#0369a1;padding:16px 24px;font-weight:600;font-size:16px;border-bottom:1px solid#e8e8e8;display:flex;align-items:center;gap:8px}.module-description{font-weight:400;font-size:14px;color:#0284c7;opacity:.8}.preview-form{padding:24px}.preview-field-item{margin-bottom:4px}.field-label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px;line-height:1.4}.required-star{color:#ef4444;margin-left:4px;font-weight:700}.field-description{font-weight:400;font-size:12px;color:#6b7280;margin-left:4px}.preview-field-item .ant-input,.preview-field-item .ant-input-number,.preview-field-item .ant-select,.preview-field-item .ant-picker,.preview-field-item .ant-input-number-input{border-radius:6px;border:1px solid#d1d5db;background:#fff;transition:all.2s ease}.preview-field-item .ant-input:hover,.preview-field-item .ant-input-number:hover,.preview-field-item .ant-select:hover .ant-select-selector,.preview-field-item .ant-picker:hover{border-color:#3b82f6}.preview-field-item .ant-input:focus,.preview-field-item .ant-input-number:focus,.preview-field-item .ant-select:focus .ant-select-selector,.preview-field-item .ant-picker:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.preview-field-item .ant-input::placeholder,.preview-field-item .ant-input-number input::placeholder{color:#9ca3af}.preview-field-item .ant-input:disabled,.preview-field-item .ant-input-number:disabled,.preview-field-item .ant-select.ant-select-disabled .ant-select-selector,.preview-field-item .ant-picker.ant-picker-disabled{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.list-field{border:1px solid#e5e7eb;border-radius:8px;background:#f9fafb;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid#e5e7eb}.list-header span{font-weight:500;color:#374151}.list-items{padding:16px;min-height:60px}.list-item-placeholder{text-align:center;color:#9ca3af;font-style:italic;padding:20px}.list-item{background:white;border:1px solid#e5e7eb;border-radius:6px;margin-bottom:12px;transition:all.2s ease}.list-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1)}.list-item:last-child{margin-bottom:0}.list-item-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.list-item-index{font-weight:500;color:#6b7280;min-width:20px;margin-top:8px}.list-item-fields{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.list-item-field{display:flex;flex-direction:column;gap:4px}.list-item-field label{font-size:12px;color:#6b7280;font-weight:500}.survey-field{border:1px solid#e5e7eb;border-radius:8px;background:#f9fafb;padding:16px}.survey-title{font-weight:600;font-size:16px;color:#262626;margin-bottom:16px}.survey-question-item{background:white;border:1px solid#e5e7eb;border-radius:6px;padding:16px;margin-bottom:12px}.survey-question-item:last-child{margin-bottom:0}.survey-question-text{font-weight:500;font-size:14px;color:#374151;margin-bottom:8px;line-height:1.5}.survey-question-desc{font-size:12px;color:#6b7280;margin-bottom:12px;font-style:italic}.survey-answer{margin-top:8px}.survey-answer .ant-radio-group,.survey-answer .ant-checkbox-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.survey-answer .ant-radio-wrapper,.survey-answer .ant-checkbox-wrapper{margin:0;padding:8px 12px;border:1px solid#e5e7eb;border-radius:4px;background:#f9fafb;transition:all.2s}.survey-answer .ant-radio-wrapper:hover,.survey-answer .ant-checkbox-wrapper:hover{border-color:#3b82f6;background:#f0f9ff}.survey-empty{text-align:center;padding:24px;color:#9ca3af;font-style:italic;background:white;border:1px dashed#d1d5db;border-radius:4px}.preview-field-item .ant-input-group-compact{display:flex;border-radius:6px;overflow:hidden}.preview-field-item .ant-input-group-compact .ant-input:first-child{border-right:none;border-radius:0}.preview-field-item .ant-input-group-compact .ant-input:last-child{border-radius:0;background:#f3f4f6;color:#6b7280;font-weight:500;text-align:center}.preview-field-item .ant-switch{background:#d1d5db}.preview-field-item .ant-switch-checked{background:#3b82f6}.preview-field-item .ant-rate{color:#fbbf24}.preview-field-item .ant-slider-rail{background:#e5e7eb}.preview-field-item .ant-slider-track{background:#3b82f6}.preview-field-item .ant-slider-handle{border-color:#3b82f6}.preview-field-item .ant-upload{width:100%}.preview-field-item .ant-upload-list{margin-top:8px}.preview-actions{display:flex;justify-content:center;gap:12px;padding:24px;border-top:1px solid#e5e7eb;background:#fafafa}.preview-actions .ant-btn{border-radius:6px;font-weight:500;padding:0 24px;height:36px}@media(max-width:768px){.template-preview{margin:0;border-radius:0}.preview-form{padding:16px}.module-title{padding:12px 16px;font-size:15px}.list-header{flex-direction:column;gap:8px;align-items:stretch}.list-item-fields{grid-template-columns:1fr;gap:12px}.list-item-content{flex-direction:column;gap:8px}.list-item-index{margin-top:0}.survey-field .ant-radio-group,.survey-field .ant-checkbox-group{gap:8px}.preview-actions{flex-direction:column;gap:8px}.preview-actions .ant-btn{width:100%}}@media print{.template-preview{box-shadow:none;border:none}.preview-actions,.list-header .ant-btn,.list-item-content .ant-btn{display:none}}.template-editor{padding:24px;background:#f8fafc;min-height:100vh}.template-editor-card{border-radius:12px;border:1px solid#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px}.template-editor-card .ant-card-head{border-bottom:1px solid#e5e7eb;border-radius:12px 12px 0 0;background:#f8fafc}.template-editor-card .ant-card-head-title{font-size:20px;font-weight:600;color:#1e293b}.template-editor-card .ant-card-body{padding:24px}.template-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:white;border-bottom:1px solid#e8e8e8;box-shadow:0 2px 4px rgba(0,0,0,.1)}.template-editor-header h2{margin:0;color:#262626}.template-editor-content{flex:1;padding:24px;overflow:auto}.modules-section{background:white;border-radius:12px;padding:24px;border:1px solid#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;color:#262626}.module-card{margin-bottom:16px;border:1px solid#e5e7eb;border-radius:12px;transition:all.3s ease;background:white}.module-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15)}.module-card.dragging{transform:rotate(5deg);box-shadow:0 8px 24px rgba(0,0,0,.15)}.module-header{display:flex;align-items:center;gap:8px}.drag-handle{cursor:grab;color:#8c8c8c;padding:4px}.drag-handle:hover{color:#1890ff}.drag-handle:active{cursor:grabbing}.module-actions{margin-left:auto;display:flex;gap:4px}.module-description{color:#8c8c8c;margin-bottom:16px;font-size:14px}.field-item{border:1px solid#f0f0f0;border-radius:8px;margin-bottom:8px;background:#fafafa;transition:all.3s ease}.field-item:hover{border-color:#e5e7eb;background:white;box-shadow:0 2px 4px rgba(0,0,0,5%)}.field-item.dragging{transform:rotate(2deg);box-shadow:0 4px 12px rgba(0,0,0,.1)}.field-content{display:flex;align-items:center;padding:12px;gap:12px}.field-drag-handle{cursor:grab;color:#bfbfbf;font-size:12px}.field-drag-handle:hover{color:#1890ff}.field-drag-handle:active{cursor:grabbing}.field-info{flex:1;display:flex;align-items:center;gap:8px}.field-label{font-weight:500;color:#262626}.field-actions{display:flex;gap:4px}.empty-modules,.empty-fields{text-align:center;padding:40px 20px;color:#8c8c8c;background:#fafafa;border:2px dashed#d9d9d9;border-radius:8px;margin:16px 0}.empty-modules p,.empty-fields p{margin:0;font-size:14px}@media(max-width:768px){.template-editor-header{flex-direction:column;gap:16px;align-items:stretch}.template-editor-content,.modules-section{padding:16px}.module-header{flex-wrap:wrap}.module-actions{margin-left:0;margin-top:8px}.field-content{flex-direction:column;align-items:stretch;gap:8px}.field-info{justify-content:center}}.react-beautiful-dnd-dragging{background:white!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important}.template-editor .ant-tabs-content-holder{padding:0}.template-editor .ant-card-head{border-bottom:1px solid#f0f0f0}.template-editor .ant-card-body{padding:16px}.template-editor .ant-form-item{margin-bottom:16px}.template-editor .ant-tag{margin-right:4px}.template-editor-actions{display:flex;justify-content:flex-end;padding:16px 0;border-top:1px solid#e5e7eb;margin-top:24px}.template-editor-actions .ant-btn{border-radius:8px;font-weight:500}.template-editor-actions .ant-btn-primary{background:#3b82f6;border-color:#3b82f6}.template-editor-actions .ant-btn-primary:hover{background:#2563eb;border-color:#2563eb}.preview-section{background:white;border-radius:12px;padding:24px;border:1px solid#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.departments-page{padding:16px;overflow-x:hidden;width:100%}.departments-card .ant-card-head-title{display:flex;align-items:center;font-size:16px}.departments-card .ant-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.departments-card .ant-table,.departments-card .ant-table-tbody>tr>td,.departments-card .ant-table-thead>tr>th{font-size:14px}.departments-card .ant-table-thead>tr>th{font-weight:600}.departments-card .ant-tag{font-size:13px}.ant-table-wrapper{background:white;border-radius:8px}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#262626}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.departments-page .ant-table-tbody>tr.ant-table-row-selected>td{background-color:transparent!important}.departments-page .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#f5f5f5!important}.departments-page .ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected>td{background-color:transparent!important;background:transparent!important}.departments-page .ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#f5f5f5!important;background:#f5f5f5!important}.ant-modal-header{border-bottom:1px solid#f0f0f0;padding:16px 24px}.ant-modal-title{font-size:18px;font-weight:600;color:#262626}.ant-form-vertical .ant-form-item-label{padding:0 0 8px}.ant-form-vertical .ant-form-item-label>label{font-weight:500;color:#262626}.form-actions{margin-top:24px;margin-bottom:0;text-align:right}.form-actions .ant-form-item-control-input-content{display:flex;justify-content:flex-end}.department-detail{padding:16px 0}.department-detail .ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa;font-weight:500}.diseases-section{margin-top:24px;padding-top:24px;border-top:1px solid#f0f0f0}.diseases-section h4{margin-bottom:16px;color:#262626;font-size:16px;font-weight:600}.disease-item{padding:8px}.disease-id{font-size:11px;color:#1890ff;margin-bottom:4px;font-weight:500}.disease-name{font-weight:600;color:#262626;margin-bottom:4px}.disease-code{font-size:12px;color:#8c8c8c;margin-bottom:4px}.disease-desc{font-size:13px;color:#595959;line-height:1.4}.ant-tag{margin-right:4px;margin-bottom:4px;border-radius:4px}.ant-btn-link{padding:0;height:auto;line-height:1.4}.ant-btn-link+.ant-btn-link{margin-left:8px}@media(max-width:768px){.departments-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-direction:column;align-items:stretch}.header-actions .ant-input-search{width:100%!important;margin-right:0!important;margin-bottom:12px}.ant-table-wrapper{overflow-x:hidden}.ant-modal{margin:16px;max-width:calc(100vw - 32px)}.diseases-section .ant-col{margin-bottom:16px}}@media(max-width:576px){.page-header h2{font-size:20px}.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-content{padding:8px 12px}.diseases-section .ant-col{span:24}}.ant-spin-container{min-height:200px}.ant-empty{padding:40px 0}.ant-input-search .ant-input-group .ant-input-affix-wrapper{border-radius:6px 0 0 6px}.ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0}.ant-pagination{margin-top:24px;text-align:right}.ant-pagination-total-text{color:#8c8c8c}.ant-popconfirm-message{padding-left:0}.ant-popconfirm-buttons{margin-top:12px}.ant-space-item{display:inline-flex;align-items:center}.ant-table-body::-webkit-scrollbar{height:8px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.department-form{max-height:70vh;overflow-y:auto;padding-right:8px}.department-form::-webkit-scrollbar{width:6px}.department-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.department-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.department-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-card-head-title{font-weight:600;color:#607588}.disease-form-list .ant-form-item{margin-bottom:16px}.disease-form-list .ant-card{border:1px solid#e8f4ff;background-color:#f6ffed;transition:all.3s ease}.disease-form-list .ant-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.disease-form-list .ant-card-head-title{font-size:14px;color:#52c41a}.empty-diseases{text-align:center;padding:40px 0;color:#8c8c8c;background:#fafafa;border-radius:6px;margin-bottom:16px;border:2px dashed#d9d9d9}.ant-btn-dashed{border-color:#fa8c16;color:#fa8c16;transition:all.3s ease}.ant-btn-dashed:hover{border-color:#ff9c3e;color:#ff9c3e;background-color:#fff7e6}.ant-form-item-extra{color:#8c8c8c;font-size:12px}.ant-input-show-count-suffix{color:#8c8c8c}.ant-input-lg,.ant-select-lg .ant-select-selector,.ant-picker-large{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,2%)}.ant-input-lg:focus,.ant-select-lg .ant-select-selector:focus,.ant-picker-large:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-form-list .ant-card{border:1px solid#d9d9d9;border-radius:6px;background-color:#fafafa}.ant-form-list .ant-card-body{padding:16px}.ant-form-list .ant-btn-dashed{border-color:#1890ff;color:#1890ff}.ant-form-list .ant-btn-dashed:hover{border-color:#40a9ff;color:#40a9ff}.ant-divider{margin:24px 0 16px;font-weight:600;color:#262626}.ant-picker{width:100%}.ant-select-selector{border-radius:6px}.ant-select-selection-item{border-radius:4px}.ant-row{margin-bottom:0}.ant-col .ant-form-item{margin-bottom:16px}.ant-btn-text.ant-btn-dangerous{color:#ff4d4f;transition:all.3s ease}.ant-btn-text.ant-btn-dangerous:hover{color:#ff7875;background-color:#fff2f0}.disease-card-content{padding:12px}.ant-form-list .ant-card .ant-row{align-items:flex-end}.ant-form-list .ant-card .ant-form-item:last-child{margin-bottom:0}@media(max-width:768px){.department-form .ant-col{margin-bottom:16px}.department-form .ant-card{margin-bottom:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;padding:20px;color:white;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f8f9fa;border-bottom:1px solid#dee2e6}.nav-brand a{font-size:1.5rem;font-weight:700;text-decoration:none;color:#333}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-links a{text-decoration:none;color:#666;font-weight:500;transition:color.3s ease}.nav-links a:hover{color:#007bff}.search-filter-card{margin-bottom:16px}.search-filter-card .ant-card-body{padding:20px}.search-filter-content{width:100%}.search-fields-row{margin-bottom:16px;margin-top:16px}.search-fields-row:last-child{margin-bottom:0}.search-field-col{padding-right:16px}.search-field-col:last-child{padding-right:0}.search-field-item{display:flex;align-items:center;width:100%;gap:8px}.filter-label{flex-shrink:0;font-weight:500;color:#333;text-align:right;font-size:14px}.filter-control{flex:1;min-width:0}.search-actions-row{margin-top:16px;border-top:1px solid#f0f0f0;padding-top:16px}.search-actions-inline{margin-top:16px}@media(max-width:768px){.search-field-item{flex-direction:column;align-items:flex-start;gap:4px}.filter-label{text-align:left;width:auto!important;min-width:auto!important}.filter-control{width:100%}.search-filter-card .ant-card-body{padding:16px}}