:root{--color-primary:#0f172a;--color-secondary:#334155;--color-cta:#0369a1;--color-cta-hover:#0284c7;--color-background:#f8fafc;--color-surface:#fff;--color-text:#020617;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-male:#2563eb;--color-female:#db2777;--font-sans:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:10;--z-sticky:20;--z-modal:30;--z-tooltip:50}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*,.content-protected,.content-protected *,.content-protected :after,.content-protected :before,:after,:before{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.admin-layout,.admin-layout *,.admin-layout :after,.admin-layout :before{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-weight:400;min-height:100vh}.content-protected img,.content-protected svg,.content-protected video{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:600;line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.font-mono{font-family:var(--font-mono)}.container{margin:0 auto;max-width:1440px;padding:0 var(--spacing-4);width:100%}@media(min-width:768px){.container{padding:0 var(--spacing-6)}}@media(min-width:1024px){.container{padding:0 var(--spacing-8)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);height:44px;padding:var(--spacing-2) var(--spacing-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--color-cta);box-shadow:0 0 0 3px #0369a126;outline:none}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.btn,.select{cursor:pointer}.btn{align-items:center;background-color:var(--color-cta);border:none;border-radius:var(--radius-md);color:var(--color-surface);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;min-height:44px;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn:hover{background-color:var(--color-cta-hover)}.btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-background);border-color:var(--color-border-hover)}.btn-icon{min-width:44px;padding:var(--spacing-2)}.badge{align-items:center;background-color:var(--color-background);border-radius:var(--radius-full);color:var(--color-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.badge-male{background-color:#2563eb1a;color:var(--color-male)}.badge-female{background-color:#db27771a;color:var(--color-female)}.badge-active{background-color:var(--color-cta);color:var(--color-surface)}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;position:relative;width:100%;z-index:1}.table{border-collapse:collapse;font-size:var(--text-sm);min-width:800px;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{background-color:var(--color-background);color:var(--color-secondary);font-weight:600;position:sticky;top:0;z-index:var(--z-sticky)}.table th.sortable{cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th.sortable:hover{background-color:var(--color-border)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#0369a10a}.table tbody tr:last-child td{border-bottom:none}.w-\[90px\]{width:90px}.stats-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5)}.stat-value{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:600;line-height:1;margin-bottom:var(--spacing-1)}.stat-label{color:var(--color-text-muted);font-size:var(--text-sm)}.filter-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:150px}.filter-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.filter-chips{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--spacing-2)}.filter-chip{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-cta);color:var(--color-cta)}.filter-chip.active{background-color:var(--color-cta);border-color:var(--color-cta);color:var(--color-surface)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4)}.pagination-info{color:var(--color-text-muted);font-size:var(--text-sm)}.pagination-buttons{display:flex;gap:var(--spacing-2)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-background) 50%,var(--color-border) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.group-header{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color var(--transition-fast)}.group-header:hover{background-color:var(--color-border)}.group-title{color:var(--color-primary);font-weight:600}.group-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.search-wrapper{max-width:400px;position:relative;width:100%}.search-icon{color:var(--color-text-muted);height:20px;left:var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{padding-left:44px;padding-right:44px}.search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast),color var(--transition-fast);width:32px}.search-clear.visible,.search-wrapper:focus-within .search-clear{opacity:1}.search-clear:hover{background-color:var(--color-background);color:var(--color-text)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-12);text-align:center}.empty-state-icon{color:var(--color-text-muted);height:64px;margin-bottom:var(--spacing-4);width:64px}.empty-state-title{color:var(--color-secondary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-2)}.empty-state-text{color:var(--color-text-muted);font-size:var(--text-sm);max-width:300px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-6) 0}.dashboard-title{color:var(--color-primary);font-size:var(--text-2xl);font-weight:700}.dashboard-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--spacing-1)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.w-full{width:100%}.min-w-0{min-width:0}