.page-header{margin-bottom:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-1)}.page-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent)}.page-header p{color:var(--color-text-muted);font-size:var(--font-size-base)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-accent)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.breadcrumbs,.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a{transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs span{color:var(--color-text-main);font-weight:500}.breadcrumbs-sep{color:var(--color-border)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.card-header{border-bottom:1px solid var(--color-border)}.card-body,.card-header{padding:var(--spacing-4) var(--spacing-6)}.card-footer{padding:var(--spacing-3) var(--spacing-6);background:var(--color-bg-main);border-top:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(7,148,85,.2);transform:translateY(-1px)}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#cffafe;background-color:rgba(7,148,85,.15)}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text-main)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-danger{background:#fee2e2;color:#dc2626;border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#dc2626;color:white;border-color:#dc2626}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-main);color:var(--color-text-main)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:12px}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-1)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-main)}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-main);transition:all var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(7,148,85,.1)}.input-field::placeholder{color:var(--color-text-muted);opacity:.7}.input-field.has-icon{padding-left:40px}.input-icon{position:absolute;left:12px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-neutral{background:#f1f5f9;color:#475569}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-card{padding:var(--spacing-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.avatar-group{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;border:2px solid white;object-fit:cover;background:var(--color-bg-main)}.avatar-sm{width:24px;height:24px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-main);font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table td,.data-table th{border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-main)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:rgba(0,0,0,.01)}.ui-skeleton{display:inline-block;position:relative;overflow:hidden;background:#e5e7eb}.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ui-skeleton-shimmer 1.5s infinite}@keyframes ui-skeleton-shimmer{to{transform:translateX(100%)}}