.shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.shift-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all .2s ease}.shift-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.shift-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.shift-date{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary)}.shift-date svg{color:var(--primary-color)}.badge{padding:4px 12px;border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-error{background-color:#f8d7da;color:#721c24}.shift-card-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.shift-info,.shift-volunteers{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.shift-info svg,.shift-volunteers svg{color:var(--primary-color)}.shift-volunteers-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.volunteer-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background-color:var(--background-secondary);border-radius:16px;font-size:var(--font-size-sm);color:var(--text-primary)}.volunteer-role{color:var(--text-secondary);font-size:var(--font-size-xs)}.shift-notes{padding:var(--spacing-md);background-color:var(--background-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.shift-notes p{margin:0}.shift-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-icon{flex:1 1;padding:var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:white;height:38px}.btn-icon:not(.btn-danger):not(.btn-warning){background-color:#3b82f6}.btn-icon:not(.btn-danger):not(.btn-warning):hover{background-color:#2563eb}.btn-icon.btn-warning{background-color:#f59e0b}.btn-icon.btn-warning:hover{background-color:#d97706}.btn-icon.btn-danger{background-color:#dc2626}.btn-icon.btn-danger:hover{background-color:#b91c1c}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-md);border:2px dashed var(--border-color)}.empty-state>svg{color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.empty-state h3{margin:var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn svg{margin:0;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.toolbar-filters{display:flex;gap:var(--spacing-sm)}@media (max-width:768px){.shifts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.shift-card-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.shift-card-actions{flex-wrap:wrap}}