:root{--primary-navy: #2c3e5e;--primary-navy-dark: #1a2438;--primary-navy-light: #3d5070;--accent-blue: #4F7CFF;--accent-purple: #7B61FF;--accent-cyan: #00D9FF;--accent-green: #10B981;--accent-orange: #F59E0B;--accent-red: #EF4444;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(44, 62, 94, .05);--shadow-md: 0 4px 6px -1px rgba(44, 62, 94, .1), 0 2px 4px -1px rgba(44, 62, 94, .06);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 94, .1), 0 4px 6px -2px rgba(44, 62, 94, .05);--shadow-xl: 0 20px 25px -5px rgba(44, 62, 94, .1), 0 10px 10px -5px rgba(44, 62, 94, .04);--shadow-glow: 0 0 20px rgba(44, 62, 94, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);min-height:100vh;line-height:1.6;overflow-x:hidden;width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--primary-navy)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--gray-600)}.app-container{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.sidebar{width:280px;background:var(--white);border-right:1px solid var(--gray-200);padding:var(--spacing-xl);position:fixed;height:100vh;overflow-y:auto;transition:all .3s ease;box-shadow:var(--shadow-sm)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--gray-100)}.sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.sidebar-logo img{width:48px;height:48px;border-radius:var(--radius-md)}.sidebar-logo h2{font-size:1.5rem;color:var(--primary-navy);font-weight:800}.nav-menu{list-style:none}.nav-item{margin-bottom:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--gray-600);text-decoration:none;transition:all .3s ease;font-weight:500;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-navy);transform:scaleY(0);transition:transform .3s ease}.nav-link:hover{background:var(--gray-100);color:var(--primary-navy);transform:translate(4px)}.nav-link.active{background:#2c3e5e14;color:var(--primary-navy);font-weight:600}.nav-link.active:before{transform:scaleY(1)}.nav-icon{width:20px;height:20px;opacity:.8}.main-content{flex:1;min-width:0;margin-left:280px;padding:var(--spacing-xl);min-height:100vh}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.page-title{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--primary-navy);font-weight:800}.page-subtitle{color:var(--gray-500);font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-navy);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-navy)}.stat-card:hover:before{transform:scaleX(1)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#2c3e5e1a;color:var(--primary-navy)}.stat-label{color:var(--gray-500);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.filters-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.filter-group{flex:1;min-width:200px}.filter-label{display:block;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.filter-input,.filter-select{width:100%;padding:var(--spacing-md);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);font-size:.95rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-navy);box-shadow:0 0 0 3px #2c3e5e1a}.filter-input::placeholder{color:var(--gray-500)}.filter-select option{background:var(--white);color:var(--gray-900)}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-navy);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary-navy-dark)}.btn-secondary{background:var(--white);color:var(--primary-navy);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--primary-navy)}.btn-danger{background:var(--error);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gray-50)}.data-table th{padding:var(--spacing-lg);text-align:left;font-weight:600;font-size:.875rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.data-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444433;color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f633;color:var(--info);border:1px solid rgba(59,130,246,.3)}.badge-primary{background:#2c3e5e1a;color:var(--primary-navy);border:1px solid rgba(44,62,94,.3)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--gray-50);border-top:1px solid var(--gray-200)}.pagination-info{color:var(--gray-600);font-size:.875rem}.pagination-controls{display:flex;gap:var(--spacing-sm)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--primary-navy);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:var(--primary-navy);color:var(--white);border-color:var(--primary-navy)}.audit-trail{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);box-shadow:var(--shadow-sm)}.audit-trail h3{margin-bottom:var(--spacing-lg);font-size:1.25rem}.audit-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-left:2px solid var(--primary-navy);margin-bottom:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);transition:all .3s ease}.audit-item:hover{background:var(--gray-100);border-left-color:var(--primary-navy-dark)}.audit-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#2c3e5e1a;color:var(--primary-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-content{flex:1}.audit-action{font-weight:600;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.audit-details{font-size:.875rem;color:var(--gray-600)}.audit-time{font-size:.75rem;color:var(--gray-500);margin-top:var(--spacing-xs)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.mobile-close,.mobile-toggle{display:none}@media(max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.sidebar{transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-content{margin-left:0;padding:var(--spacing-md);padding-top:70px;width:100%;max-width:100vw;box-sizing:border-box}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.mobile-toggle{display:flex;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:1001;background:var(--white);border:1px solid var(--gray-200);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--primary-navy)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:1.5rem}.audit-item{padding:var(--spacing-md)}.audit-action{font-size:.9375rem}.audit-details{font-size:.8125rem;line-height:1.4}.filters-row{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.filters-container{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.filter-group{width:100%;min-width:unset}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin:0;border-radius:0}.data-table{min-width:900px}.data-table th,.data-table td{padding:var(--spacing-md);font-size:.8125rem;white-space:nowrap}.data-table td.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.badge{padding:.25rem .5rem;font-size:.75rem}.pagination{flex-direction:column;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:6px}.pagination-btn{padding:6px 10px;font-size:.8125rem}.mobile-close{display:block;background:none;border:none;color:var(--primary-navy);cursor:pointer;padding:var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .5s ease}.slide-in{animation:slideIn .5s ease}