@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;background:#f5f7fa}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}a{color:#1976d2;transition:color .2s}a:hover{color:#1565c0}button{cursor:pointer;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}html.font-small{font-size:14px}html.font-medium{font-size:16px}html.font-large{font-size:18px}body.theme-light,body{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0}body.theme-dark,body.dark-mode{background:#1a1a1a;color:#e0e0e0;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #404040}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode .page-content,body.dark-mode .main-layout,body.dark-mode .content-wrapper,body.dark-mode .card,body.dark-mode .profile-container,body.dark-mode .settings-container,body.dark-mode .change-password-container,body.dark-mode .user-form-container,body.dark-mode .role-list-container,body.dark-mode .role-form-container{background:var(--bg-primary)!important}body.dark-mode app-card>div,body.dark-mode .card-body,body.dark-mode .card-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background-color:#2d2d2d!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .form-control:focus,body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{background-color:#333!important;border-color:#667eea!important}body.dark-mode .input-container{background:#2d2d2d!important;border-color:var(--border-color)!important}body.dark-mode .input-container:focus-within{border-color:#667eea!important}body.dark-mode .input-prefix,body.dark-mode .input-suffix{border-color:var(--border-color)!important;color:var(--text-secondary)!important}body.dark-mode .input-suffix-icon,body.dark-mode .password-toggle{color:var(--text-secondary)!important}body.dark-mode .filters-section{background:#252525!important;border-color:var(--border-color)!important}body.dark-mode .user-menu-dropdown{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .menu-user-info{background:#1a1a1a!important}body.dark-mode .menu-user-info strong{color:#64b5f6!important}body.dark-mode .menu-user-info small{color:var(--text-secondary)!important}body.dark-mode .menu-item{color:var(--text-primary)!important}body.dark-mode .menu-item:hover{background:#333!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-primary)!important}body.dark-mode p,body.dark-mode span,body.dark-mode label,body.dark-mode .user-info p,body.dark-mode .setting-info p{color:var(--text-secondary)!important}body.dark-mode label{color:var(--text-primary)!important}body.dark-mode a{color:#64b5f6}body.dark-mode a:hover{color:#90caf9}body.dark-mode table,body.dark-mode .data-table{background:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .data-table th{background-color:#333!important;color:var(--text-primary)!important}body.dark-mode .data-table tbody tr{background:var(--bg-secondary)!important}body.dark-mode .data-table tbody tr:hover{background-color:#333!important}body.dark-mode .dialog-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .dialog-header,body.dark-mode .dialog-body,body.dark-mode .dialog-footer,body.dark-mode .toast{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .setting-item{background:#2d2d2d!important;border-color:var(--border-color)!important}body.dark-mode .setting-item:hover{background:#363636!important}body.dark-mode .setting-info h3{color:var(--text-primary)!important}body.dark-mode .setting-info p{color:var(--text-secondary)!important}body.dark-mode .breadcrumbs,body.dark-mode app-breadcrumbs{background:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .btn-outline{border-color:#667eea!important;color:#64b5f6!important}body.dark-mode .btn-outline:hover{background:#667eea!important;color:#fff!important}body.dark-mode .role-badge,body.dark-mode .status-badge{background:#667eea33!important;color:#90caf9!important;border-color:#667eea66!important}body.dark-mode .error-message{color:#ff6b6b!important}body.dark-mode .alert-error{background:#e74c3c1a!important;color:#ff6b6b!important;border-color:#e74c3c!important}@media (prefers-color-scheme: dark){body.theme-auto{background:#1a1a1a;color:#e0e0e0}}@media (prefers-color-scheme: light){body.theme-auto{background:#f5f7fa;color:#333}}