:root{--primary: #007AFF;--primary-hover: #0051D5;--primary-light: #E3F2FD;--secondary: #5856D6;--success: #34C759;--success-light: #E8F5E9;--warning: #FF9500;--warning-light: #FFF3E0;--error: #FF3B30;--error-light: #FFEBEE;--info: #5AC8FA;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-sidebar: #1A1D29;--text-primary: #212121;--text-secondary: #757575;--text-tertiary: #9E9E9E;--text-inverse: #FFFFFF;--border-color: #E0E0E0;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-container{min-height:100vh;background-color:var(--bg-secondary)}.admin-content{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.admin-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.admin-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.admin-header-title{margin:0;font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.admin-header-title:before{content:"⚙️";font-size:28px}.admin-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.admin-nav{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.admin-nav-button{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);position:relative}.admin-nav-button:hover{background:var(--gray-100);color:var(--text-primary)}.admin-nav-button.active{color:var(--primary);background:var(--primary-light);font-weight:600}.admin-nav-button.active:after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:2px;background:var(--primary)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:#30b14f;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#e6342a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:var(--warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:#e68400;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.btn-block{width:100%;justify-content:center}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.card-body{padding:var(--spacing-md) 0}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:14px;font-weight:500;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:14px;font-family:var(--font-family);transition:all var(--transition-fast);background:var(--bg-primary);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error)}.form-textarea{min-height:80px;resize:vertical}.form-error{color:var(--error);font-size:12px;margin-top:var(--spacing-xs)}.form-help{color:var(--text-secondary);font-size:12px;margin-top:var(--spacing-xs)}.table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead{background:var(--gray-50)}.table th{padding:var(--spacing-md);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;font-weight:500;text-transform:capitalize}.badge-success{background:var(--success-light);color:#2e7d32}.badge-warning{background:var(--warning-light);color:#f57c00}.badge-error{background:var(--error-light);color:#c62828}.badge-info{background:var(--primary-light);color:var(--primary)}.badge-neutral{background:var(--gray-200);color:var(--gray-700)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:var(--spacing-lg)}.login-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h2{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:700;color:var(--text-primary)}.login-header p{margin:0;color:var(--text-secondary);font-size:14px}.login-form{margin-top:var(--spacing-lg)}.login-actions{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:16px;margin:0}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-sm{font-size:12px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary)}@media (max-width: 768px){.admin-content{padding:var(--spacing-md)}.admin-header-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.stat-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}}