@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary: #5D87FF;--primary-light: #ECF2FF;--primary-dark: #4570EA;--accent-cyan: #49BEFF;--accent-green: #13DEB9;--accent-orange: #FFAE1F;--accent-red: #FA896B;--accent-purple: #7C62D8;--bg-body: #F0F5FB;--bg-sidebar: #FFFFFF;--bg-card: #FFFFFF;--bg-input: #F8FAFC;--text-primary: #2A3547;--text-secondary: #5A6A85;--text-muted: #8C9AB7;--border-color: #E5EAEF;--border-light: #F0F5FB;--success: #13DEB9;--success-light: #E6FFFA;--warning: #FFAE1F;--warning-light: #FEF5E5;--danger: #FA896B;--danger-light: #FDEDE8;--info: #49BEFF;--info-light: #E8F7FF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05);--shadow-card: 0 9px 17.5px rgba(0, 0, 0, .05);--radius-sm: 7px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50%;--sidebar-width: 270px;--sidebar-collapsed-width: 80px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;overflow-x:hidden}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-body);border-radius:10px}::-webkit-scrollbar-thumb{background:#c8d3e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b0bcc9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #5d87ff59}.btn-light{background:var(--primary-light);color:var(--primary)}.btn-light:hover{background:var(--primary);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:none}.card-header{padding:20px 24px;border-bottom:1px solid var(--border-light)}.card-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-control{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5d87ff26}.form-control::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-sm)}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table td{padding:16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.table tbody tr:hover{background:var(--bg-body)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--text-muted)}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.bg-primary-light{background:var(--primary-light)!important}.bg-success-light{background:var(--success-light)!important}.bg-warning-light{background:var(--warning-light)!important}.bg-danger-light{background:var(--danger-light)!important}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-28{font-size:28px}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.mobile-overlay.active{display:block}@media(max-width:992px){:root{--sidebar-width: 270px}.stats-row,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.permissions-grid{grid-template-columns:1fr!important}.form-row{flex-direction:column!important;gap:16px!important}.form-row .form-group{flex:none!important;width:100%!important}}@media(max-width:768px){html{font-size:13px}.hide-mobile{display:none!important}.stats-row,.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.card{border-radius:12px}.card-header{flex-direction:column;gap:12px;align-items:stretch!important}.card-header .search-box{width:100%!important}.card-header .btn{width:100%;justify-content:center}.card-body{padding:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.table th,.table td{padding:12px 10px;font-size:13px}.modal{max-width:95vw!important;max-height:90vh!important;margin:20px}.modal.modal-lg{max-width:95vw!important}.modal-body{padding:16px}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .btn{width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-control{padding:10px 14px}.btn{padding:10px 16px}.action-buttons{gap:4px!important}.action-btn{width:28px!important;height:28px!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:12px}.page-title h1{font-size:18px!important}.notifications{left:10px;right:10px;top:10px}.notification{padding:12px 16px;font-size:13px}}@media(max-width:480px){html{font-size:12px}.stat-box,.stat-card{padding:16px!important}.stat-number{font-size:24px!important}.stat-label{font-size:12px!important}.table .hide-mobile{display:none!important}.user-cell{flex-direction:column;align-items:flex-start!important;gap:4px!important}.user-avatar-small{width:28px!important;height:28px!important;font-size:12px!important}}