:root{--card-bg-v2:#ffffff;--card-border-v2:#e2e8f0;--text-main-v2:#1e293b;--text-muted-v2:#64748b;--primary-v2:#3b82f6;--badge-bg-v2:#fef3c7;--badge-text-v2:#92400e;--hover-bg-v2:#f8fafc}.tasks-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px}.task-card-v2{background:var(--card-bg-v2);border:1px solid var(--card-border-v2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;opacity:1;transform:translateY(0);transition:transform .25s cubic-bezier(.16, 1, .3, 1),opacity .25s ease-out}.task-card-v2.is-visible{opacity:1;transform:translateY(0)}.task-card-v2:hover{will-change:transform;transform:translateY(-2px);background-color:var(--hover-bg-v2);box-shadow:0 4px 12px rgba(0,0,0,.05)}.task-card-v2 .card-header{display:flex;justify-content:space-between;align-items:flex-start}.task-card-v2 .title{font-size:.95rem;font-weight:700;color:var(--text-main-v2);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-v2 .badge{font-size:.7rem;font-weight:700;padding:4px 8px;background:var(--badge-bg-v2);color:var(--badge-text-v2);border-radius:6px;white-space:nowrap}.task-card-v2 .card-body{display:flex;flex-direction:column;gap:4px}.task-card-v2 .meta-item{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted-v2)}.task-card-v2 .meta-val{font-weight:600;color:var(--text-main-v2)}.card-badge-aktif{background:#eff6ff;color:#3b82f6}.card-badge-bekliyor{background:#fef3c7;color:#92400e}.card-badge-tamamlandi{background:#f0fdf4;color:#166534}.card-badge-gecikti{background:#fef2f2;color:#ef4444}.task-card-v2 .card-footer{display:flex;align-items:center;gap:8px;margin-top:4px}.task-card-v2 .btn-details{flex:1;background:var(--primary-v2);color:#fff;border:none;padding:8px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.task-card-v2 .btn-details:hover{opacity:.9}.task-card-v2 .btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--card-border-v2);background:#fff;cursor:pointer;color:var(--text-muted-v2);transition:all .2s}.task-card-v2 .btn-icon.edit:hover{color:#3b82f6;border-color:#3b82f6}.task-card-v2 .btn-icon.delete:hover{color:#ef4444;border-color:#ef4444}