@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";body{font-family:Inter,sans-serif}.sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;width:16rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;transform:translate(-100%);transition:all .3s ease-in-out;border-right:1px solid #e5e7eb}.sidebar.open{transform:translate(0)}.sidebar-closed{width:4rem;transform:translate(0)}.dark .sidebar{background-color:#1f2937;border-right:1px solid #374151}@media(min-width:1024px){.sidebar{transform:translate(0);position:relative;width:16rem}.sidebar-closed{width:4rem}}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.dark .sidebar-header{border-bottom:1px solid #374151}.sidebar-nav{padding:0 .5rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem 0;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;transition:all .2s}.sidebar-link:hover{background-color:#f3f4f6;color:#1f2937}.sidebar-link-active{background-color:#dbeafe;color:#2563eb;position:relative}.sidebar-link-active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#2563eb;border-radius:0 4px 4px 0}.sidebar-link-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dark .sidebar-link{color:#d1d5db}.dark .sidebar-link:hover,.dark .sidebar-link-active{background-color:#374151;color:#fff}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;position:sticky;top:0;z-index:40}.dark .header{background-color:#1f2937;border-bottom:1px solid #374151}.dropdown-menu{position:absolute;z-index:50;min-width:12rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:.25rem}.dark .dropdown-menu{background-color:#1f2937;border-color:#374151}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;color:#374151;text-decoration:none;transition:all .15s}.dropdown-item:hover{background-color:#f3f4f6}.dark .dropdown-item{color:#d1d5db}.dark .dropdown-item:hover{background-color:#374151}.sidebar-menu{display:flex;height:100%;flex-direction:column;overflow-y:auto;padding:1rem 0}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.625rem 1rem;margin:.125rem .5rem;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;transition:all .2s}.sidebar-menu-item:hover{background-color:#dbeafe;color:#2563eb}.sidebar-menu-item.active{background-color:#dbeafe;color:#2563eb;position:relative}.sidebar-menu-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#2563eb;border-radius:0 4px 4px 0}.dark .sidebar-menu-item{color:#d1d5db}.dark .sidebar-menu-item:hover,.dark .sidebar-menu-item.active{background-color:#374151;color:#fff}.card{border-radius:.75rem;border:1px solid #e5e7eb;background-color:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.card:hover{box-shadow:0 10px 15px -3px #0000001a}.dark .card{border-color:#374151;background-color:#1f2937}.card-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.125rem;font-weight:600;color:#111827}.dark .card-title{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}.btn-warning{background-color:#d97706;color:#fff}.btn-warning:hover{background-color:#b45309}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:500}.badge-primary{background-color:#dbeafe;color:#1e40af}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-gray{background-color:#f3f4f6;color:#374151}.status-dot{display:inline-block;height:.5rem;width:.5rem;border-radius:50%}.status-online{background-color:#10b981}.status-offline{background-color:#9ca3af}.status-away{background-color:#f59e0b}.status-busy{background-color:#ef4444}.spinner{height:1.5rem;width:1.5rem;animation:spin 1s linear infinite;border-radius:50%;border:2px solid #d1d5db;border-top-color:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dark .btn-secondary{background-color:#374151;color:#d1d5db}.dark .btn-secondary:hover{background-color:#4b5563}.dark .badge-primary{background-color:#1e3a8a;color:#93c5fd}.dark .badge-success{background-color:#064e3b;color:#6ee7b7}.dark .badge-warning{background-color:#78350f;color:#fcd34d}.dark .badge-danger{background-color:#7f1d1d;color:#fca5a5}.dark .badge-gray{background-color:#374151;color:#d1d5db}.stats-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease-in-out}.stats-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.dark .stats-card{background-color:#1f2937;border-color:#374151}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.dark .table thead{background-color:#374151;border-bottom:1px solid #4b5563}.table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151}.dark .table th{color:#d1d5db}.table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#4b5563}.dark .table td{border-bottom:1px solid #374151;color:#d1d5db}.table tbody tr:hover{background-color:#f9fafb}.dark .table tbody tr:hover{background-color:#374151}.input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .15s ease-in-out}.input:focus{outline:none;border-color:#2563eb;ring:2px;ring-color:rgba(37,99,235,.2)}.dark .input{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .input:focus{border-color:#3b82f6;ring-color:rgba(59,130,246,.2)}.select{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:all .15s ease-in-out}.select:focus{outline:none;border-color:#2563eb;ring:2px;ring-color:rgba(37,99,235,.2)}.dark .select{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .select:focus{border-color:#3b82f6;ring-color:rgba(59,130,246,.2)}.pagination{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;transition:all .15s ease-in-out;cursor:pointer}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.dark .pagination-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .pagination-btn:hover:not(:disabled){background-color:#4b5563}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background-color:#fffbeb;border:1px solid #fed7aa;color:#92400e}.alert-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.dark .alert-success{background-color:#22c55e1a;border-color:#22c55e4d;color:#bbf7d0}.dark .alert-error{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5}.dark .alert-warning{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#fcd34d}.dark .alert-info{background-color:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}